Filigran Design SystemElegant and Consistent Components
A comprehensive library of React components for creating modern, accessible, and consistent user interfaces for Filigran applications.
Core Components
Buttons
Different button variants for all user actions.
Badges
Visual labels to highlight information.
Default
Secondary
Outline
Destructive
Callouts
Information, warning, or error messages.
Important information for the user
Loader
Animated loading indicator.
Inputs
Input fields with different options.
Cards
Containers to organize content.
Example content in a card
Why Use Our Design System?
Consistency
Ensures a consistent user experience across all Filigran applications.
Efficiency
Speeds up development by providing ready-to-use, tested components.
Adaptability
Customizable components that adapt to different contexts and needs.
Get Started Now
Easily integrate our Design System into your projects
npm install filigran-ui