A UI component library providing customizable and accessible components for web apps. It offers responsive design, light and dark modes, and production-ready performance.
Features
Accessibility First
Designed to be fully WCAG 2.0 compliant, ensuring best practices for usability are embedded into its components.
Responsive Design
Components that look and work well across all devices and screen sizes, ensuring great user experiences on any platform.
Light and Dark Mode
Seamless switching between different color schemes with themes included, enhancing visual adaptability.
Easy to Customize
Offers flexible options to align with your product or brand, making it versatile for various design needs.
Top-level Performance
Optimized for fast load times and smooth interactions, ensuring efficient and effective performance.
Production Ready
Thoroughly tested components that are layout-prepared, making integration into projects smoother and faster.
Scrollable Tabs
Swipe over tabs to see them scroll horizontally. Ideal for creating modern navigation interfaces.
Card
Add and customize cards to display various content, available in multiple variants.
Dropdown Menu
Modern dropdown menus with sleek animations for enhanced user interfaces.
Flip Words
Custom flip words with various options to create engaging text transitions.
OTP Input
Stylish OTP input fields for handling user input securely and conveniently.
Scroll Tabs
A component that allows users to switch between different views in a mobile-style tab interface, providing a smooth scrolling experience.
Tailwind CSS Integration
Integrates directly with Tailwind CSS, allowing you to use utility-first styles for customizing the appearance of your scroll tabs.
CLI Installation
Easy installation via CLI commands to add scroll tabs to your project with the use of npm and specific commands.
Preview and Code View
Allows you to visually preview components on a virtual device and switch to view the code, helping developers understand how components will look and work in practice.
Step-by-step Installation Guide
Provides detailed steps for setting up dependencies, configuring Tailwind CSS, and adding Babel plugins, making it easier to integrate the components into your project.
Dropdown Menu Component
Allows users to select an option from a dropdown menu. This component can be integrated into mobile applications using Tailwind CSS, providing a responsive and customizable UI element.
Tailwind CSS Integration
The dropdown menu component is styled using Tailwind CSS, which allows you to easily customize the appearance with utility-first CSS classes.
CLI Installation
Users can install the dropdown menu component through the command line interface, making setup straightforward and efficient.
Manual Setup Guide
Provides step-by-step instructions for setting up the component manually, which includes installing dependencies, setting up Tailwind CSS, and modifying Babel configurations.
OTP Input Component
A customizable OTP (One-Time Password) input field designed to capture numerical codes securely and efficiently. It can be integrated into applications requiring OTP authentication and features a sleek interface with tailored design options.