Component Library
Explore our comprehensive collection of UI components
WavyKits provides a comprehensive component library with simple widgets and complex building blocks. Each component is designed for maximum flexibility and ease of use, available across multiple frameworks including Alpine.js, React, Vue.js, Angular, and Vanilla JavaScript.
🧩 Component System
Our component library is divided into simple widgets for basic elements and complex blocks for advanced layouts. Mix and match to create your perfect design.
Component Categories
Simple Widgets
Basic building blocks for creating user interfaces. These simple components handle individual elements and form the foundation of more complex layouts.
-
Text Elements - Headings, paragraphs, quotes, and formatted text with typography controls
-
Buttons - Various button styles, sizes, states, and interactive behaviors
-
Images - Responsive images with lazy loading, captions, and optimization options
-
Form Elements - Input fields, textareas, select dropdowns, checkboxes, and radio buttons
-
Icons - Comprehensive icon library with customizable sizes and colors
-
Dividers - Horizontal and vertical dividers with various styles and decorations
Complex Blocks
Pre-built sections and components that combine multiple elements into functional blocks. Perfect for quickly building complete page sections.
-
Headers - Navigation bars, mega menus, and responsive header layouts with branding
-
Hero Sections - Eye-catching landing sections with headlines, CTAs, and background options
-
Cards - Content cards, product cards, team cards, and testimonial cards
-
Blog Components - Article layouts, post grids, author bios, and comment sections
-
Footers - Multi-column footers with links, social media, and newsletter signups
-
Feature Sections - Showcase sections, feature grids, and comparison tables
Interactive Components
Dynamic components with built-in interactivity and state management. These components handle user interactions and provide rich user experiences.
-
Modals & Popups - Overlay dialogs, lightboxes, and notification popups with animations
-
Carousels & Sliders - Image galleries, content sliders, and testimonial carousels
-
Tabs & Accordions - Content organization with expandable sections and tabed interfaces
-
Forms & Validation - Complete form components with real-time validation and error handling
-
Dropdown Menus - Navigation dropdowns, context menus, and select components
-
Loading States - Skeleton loaders, progress bars, and loading spinners
E-commerce Components
Specialized components for online stores and e-commerce websites. These components handle product displays, shopping functionality, and purchase flows.
-
Product Cards - Product displays with images, pricing, ratings, and add-to-cart functionality
-
Shopping Cart - Cart widgets, mini carts, and full cart pages with quantity controls
-
Product Filters - Search and filter components for product catalogs and inventory
-
Pricing Tables - Subscription plans, feature comparisons, and pricing displays
-
Checkout Forms - Complete checkout flows with payment integration and validation
-
Reviews & Ratings - Customer review components with star ratings and testimonials
Multi-Framework Components
Every component in WavyKits is built to work seamlessly across all major JavaScript frameworks, ensuring consistency and flexibility in your development workflow.
Component Features
Highly Customizable
Every component comes with extensive customization options for colors, sizes, styles, and behavior
Responsive Design
All components are built mobile-first and work seamlessly across all device sizes
Interactive Elements
Rich interactions with animations, hover effects, and state management built-in
Accessibility Ready
WCAG compliant components with proper ARIA labels, keyboard navigation, and screen reader support
Start Building with Components
Explore our comprehensive component library and start building beautiful, functional websites with WavyKits' drag-and-drop page builder. From simple widgets to complex blocks, everything you need is at your fingertips.