Basic Components

Basic Components: Server-Side UI for Python with JinjaX, HTMX & Tailwind

Basic-components offers a collection of server-side UI elements, inspired by shadcn/ui, for Python web development. Crafted with JinjaX, Alpine.js, and Tailwind CSS, these components integrate seamlessly with htmx for dynamic updates. Easily add customizable elements like cards, buttons, forms, dialogs, and tables to your Python applications, enhancing user experience with server-rendered interactivity.

Features:

• Shadcn/ui Inspired Design: Offers components aesthetically and functionally based on the popular shadcn/ui library.
• Server-Side Rendering with JinjaX: Utilizes JinjaX for rendering components on the server, sending HTML to the browser.
• HTMX Support: Components are designed to work seamlessly with htmx for dynamic server interactions and progressive enhancement.
• Alpine.js for Interactivity: Leverages Alpine.js for lightweight client-side interactivity where needed.
• Tailwind CSS Styling: Components are styled using Tailwind CSS, allowing for easy customization and adherence to design systems.
• CLI for Component Addition: Includes the uvx command-line tool to easily add individual components to your project.
• Utility Functions: Provides helper functions, including cn() for conditional Tailwind class merging and JinjaX setup assistance.
• Python Web Framework Integration: Offers setup instructions and examples for popular frameworks like FastAPI, Flask, and Django.
• Pre-built Component Set: Includes a variety of ready-to-use UI elements such as accordion, alert, button, card, form, dialog, input, select, table, and tabs.
• Open Source (MIT License): Freely available for use, modification, and distribution under the permissive MIT license.
• Copy-Paste Friendly: Designed for developers to quickly copy and paste components into their applications.

Summary:

Basic-components empowers Python developers with server-rendered UI components inspired by shadcn/ui. Using JinjaX, htmx, Alpine.js, and Tailwind CSS, it simplifies adding rich, interactive elements like forms, dialogs, and data tables to web applications. The library includes a CLI for easy integration and supports popular Python frameworks, enabling rapid development of modern user interfaces with a focus on server-side logic and minimal client-side JavaScript.