Shad4Fasthtml

Shad4Fast: Leveraging Shadcn-UI Components in Python with FastHtml

Shad4Fast brings the popular Shadcn-ui component library to Python developers using the FastHtml framework. It allows for the creation of modern, aesthetically pleasing user interfaces by porting Shadcn's styles and component structures. This project simplifies the process of building UIs in FastHtml, offering pre-styled components that integrate smoothly with your Python backend, accelerating development and enhancing user experience with well-crafted design elements.

Features:

• Project Initialization: Install with 'pip install shad4fast' to set up new projects and manage dependencies, including FastHtml.
• FastHtml Setup: Integrates via 'ShadHead()' in FastHtml headers, with an option to disable default Pico.css.
• Flexible Component Importing: Allows importing all components at once or specific components individually (e.g., Button, Input).
• TailwindCSS Styling: Utilizes TailwindCSS as the default styling library for all components.
• TailwindCSS Configuration Options: Supports TailwindCSS setup via CDN script or the standalone Tailwind CLI.
• Simplified Tailwind CDN: Enables TailwindCSS via CDN with a simple 'tw cdn=True' option in the 'ShadHead()' function.
• Theme Handling: Includes a built-in script for light/dark theme toggling, activated by 'theme handle=True' in 'ShadHead()'.
• Lucide Icons Integration: Relies on Lucide Icons for component visuals, automatically installed and managed via the 'lucide-fasthtml' dependency.
• Lucide Component for FastHtml: Provides a 'Lucide' component from 'lucide-fasthtml' for easy icon rendering, with automatic SVG data fetching and caching.
• Component-Specific Documentation: Offers guidance for each component, detailing its properties and usage.

Summary:

Shad4Fast is a library designed to port Shadcn-ui components for use within the Python-based FastHtml framework. It enables developers to quickly build modern user interfaces by providing styled components, integrated theme handling, and Lucide icon support. The project simplifies UI development in FastHtml, offering an easy setup for TailwindCSS and a growing collection of components, aiming to accelerate the creation of visually appealing web applications.