Welcome to the Fila3 UI Module! This comprehensive user interface toolkit is designed to streamline the development of visually stunning and user-friendly applications. With a rich set of components and styles, you can create a polished and consistent look for your projects in no time!
The Fila3 UI Module provides a wide array of features, including:
- Pre-built UI Components: A library of ready-to-use components such as buttons, modals, and forms.
- Responsive Design: Ensure your application looks great on any device with a mobile-first approach.
- Customizable Themes: Easily switch between light and dark themes or create your own to match your branding.
- Accessibility Support: Built with accessibility in mind to cater to all users.
- Component-Based Architecture: Easily manage and reuse UI components across your application.
- State Management Integration: Effortlessly connect UI components to your application's state management.
- Dynamic Layouts: Create flexible layouts that adapt to different screen sizes and orientations.
- Animations & Transitions: Enhance user experience with smooth animations and transitions.
- Form Validation: Simplify user input handling with built-in form validation features.
- Localization Support: Easily implement multiple languages and regional settings.
- 🎨 Icon System: Complete SVG icon system with automatic registration and Filament integration.
- Fast & Efficient: Built for performance, ensuring quick load times and smooth interactions.
- Developer-Friendly: Intuitive APIs and documentation make integration a breeze.
- Community Driven: Join a thriving community of developers for support and collaboration.
The UI Module includes a comprehensive SVG icon system that integrates seamlessly with Blade Icons and Filament:
{{-- Use any icon with the ui- prefix --}}
@svg('ui-login')
@svg('ui-user')
@svg('ui-settings')// Form components
Forms\Components\TextInput::make('email')
->prefixIcon('ui-login')
// Table columns
Tables\Columns\TextColumn::make('name')
->icon('ui-user')
// Actions
Actions\Action::make('delete')
->icon('ui-trash')ui-login- Login/authentication iconui-user- User profile iconui-settings- Settings iconui-trash- Delete/trash iconui-edit- Edit icon- And many more...
📚 Full Documentation: Icon System Guide
Getting started with the Fila3 UI Module is straightforward! Follow these steps:
- Clone the repository:
git clone https://github.com/laraxot/module_ui_fila3.git
Navigate to the project directory: bash Copia codice cd module_ui_fila3 Install dependencies: bash Copia codice npm install Import the UI components in your application: javascript Copia codice import { Button, Modal } from 'fila3-ui'; Start your application and bring your UI to life! 📜 Usage Examples Here are a few snippets to demonstrate how to use the Fila3 UI Module in your application:
Creating a Button javascript Copia codice <Button onClick={() => alert("Button clicked!")}> Click Me! Displaying a Modal javascript Copia codice <Modal isOpen={isModalOpen} onClose={() => setModalOpen(false)}>
Your content goes here.
setModalOpen(false)}>Close 🤝 Contributing We welcome contributions! If you have ideas, bug fixes, or enhancements, check out the contributing guidelines to get started.📄 License This project is licensed under the MIT License - see the LICENSE file for details.
👤 Author Marco Sottana Discover more of my work at marco76tv!
Il modulo UI fornisce un set completo di componenti di interfaccia utente riutilizzabili per applicazioni Laravel, basati su Filament e Blade.
- ✅ Componenti Blade riutilizzabili
- ✅ Layouts predefiniti
- ✅ Temi personalizzabili
- ✅ Supporto multi-lingua
- ✅ Componenti Filament
- ✅ Widgets dashboard
- ✅ Form personalizzati
- ✅ InlineDatePicker con date selettive
- ✅ Stili CSS moderni
composer require modules/ui
php artisan module:enable UI
php artisan ui:installConsulta la documentazione completa per:
The UI module provides a complete set of reusable user interface components for Laravel applications, based on Filament and Blade.
- ✅ Reusable Blade components
- ✅ Predefined layouts
- ✅ Customizable themes
- ✅ Multi-language support
- ✅ Filament components
- ✅ Dashboard widgets
- ✅ Custom forms
- ✅ InlineDatePicker with selective dates
- ✅ Modern CSS styles
composer require modules/ui
php artisan module:enable UI
php artisan ui:installCheck out the complete documentation for:
El módulo UI proporciona un conjunto completo de componentes de interfaz de usuario reutilizables para aplicaciones Laravel, basados en Filament y Blade.
- ✅ Componentes Blade reutilizables
- ✅ Layouts predefinidos
- ✅ Temas personalizables
- ✅ Soporte multi-idioma
- ✅ Componentes Filament
- ✅ Widgets de dashboard
- ✅ Formularios personalizados
- ✅ InlineDatePicker con fechas selectivas
- ✅ Estilos CSS modernos
composer require modules/ui
php artisan module:enable UI
php artisan ui:installConsulta la documentación completa para:
Siamo aperti a contribuzioni! Consulta le nostre linee guida per i contributori.
We are open to contributions! Check out our contributor guidelines.
¡Estamos abiertos a contribuciones! Consulta nuestras pautas para contribuidores.
Questo progetto è distribuito sotto la licenza MIT. Vedi il file LICENSE per maggiori dettagli.
This project is distributed under the MIT license. See the LICENSE file for more details.
Este proyecto está distribuido bajo la licencia MIT. Ver el archivo LICENSE para más detalles.