Components
Input
Basic text field for user data entry
Textarea
Multi-line textarea for longer text content
Marquee
A marquee scrolls text or content in a chosen direction for a dynamic display effect.
Carousel
A carousel is a rotating set of images or content, often used on websites to showcase featured items or messages.
Switch
Toggle switch for binary on/off selections
Redo & Undo
Implement redo and undo functionality for user actions.
Comparison Card
Compare items side-by-side for easy analysis.
Select
Dropdown selection component for choosing from multiple options
Tree Dropdown
Hierarchical dropdown with nested selection options
Radio
Radio button group for selecting a single option
File
File upload for selecting and uploading files
Normal Button
Standard button component for user interactions
Timer
A timer lets you set a specific duration, and it counts down based on that duration, notifying you when the time is up.
RGB Border
Colorful border effect with RGB color transitions
Hover Animated Cards
Interactive cards with smooth hover animations
Drag & Drop
Drag and drop interface for interactive content movement
Animated Button
Button with dynamic animation effects
Context Menu
Contextual menu displaying actions based on user interaction
Cards
Flexible card layout for displaying content
Accordion
Expandable/collapsible content sections
Resources
Documentation and resource links
Custom Hooks
Reusable React hook utilities
Pie Chart
Circular statistical chart for data visualization
App Bar
Top navigation bar for application layout
Table
Structured data display component
Github Activity Graph
Track user activity like github activity tracker graph.
Image Gallery
Interactive image display and browsing component
Pagination
Navigation control for paginated content
Dropdown Menu
Expandable menu for selecting options
Chip
Compact, interactive tag or filter element
Modal
Overlay dialog for focused interactions
Tabs
Tabbed interface for organizing content
Skeleton
Placeholder loading state for content
Alert Message
Informative message display component
Dialog
Interactive dialog box for user confirmations
Testimonial
Display customer or user testimonials
Loader
Visual loading indicator
Notification
System or application notification display
Badge
Small status or informational label
Tooltip
Contextual information popup
Code
Code display and syntax highlighting
Snippet
Compact code or text snippet display
Number Input
Field specifically for numeric values
Checkbox Input
Checkbox for multiple selection options
Strong Password
Password with strength validation
Range Input
Slider for selecting a value within a range
OTP Input
One-time password field
Auth Button
Authentication-related buttons
Dropdown Button
Button with additional dropdown options
Progress Bar
Visual representation of progress or completion
Breadcrumb
Navigation trail showing current page hierarchy
Rating
Interactive rating or display for user feedback
Stepper
Multi-step progress or form navigation
Timeline
Chronological event or process visualization
Product Card
E-commerce product cards with animation and basic functionality.
Ads Card
Ads cards for showing ads in e-commerce website.
Blocks
Responsive navbar
Adaptive navigation bar that adjusts to different screen sizes
Hero section
Prominent introductory section with key messaging and call-to-action
Pricing section
Comprehensive pricing plan display with feature comparisons
Responsive footer
Adaptable footer that scales across different device sizes
Contact form
Interactive form for user communication and feedback
Multi step form
Complex form divided into sequential, manageable stages
Newsletter form
Subscription form for email list sign-ups
404 page
Custom error page for handling non-existent routes
Empty page
Minimal template for creating new page layouts
Responsive searchbar
Adaptive search that works across different device sizes
Responsive sidebar
Flexible side navigation that adapts to screen dimensions
Checkout Page
Checkout page with selected products and payment options.
Product Details Page
Product details page with functionality and product view carousel.
Offer Grid
Grid layouts for showing e-commerce product offers.