Component Library

WavyKits provides a comprehensive component library with simple widgets and complex building blocks. Each component is designed for maximum flexibility, available across Alpine.js, React, Vue.js, Angular, Livewire, and Vanilla JavaScript.

Simple Widgets

Basic building blocks for creating user interfaces. These handle individual elements and form the foundation of more complex layouts.

• Text Elements Headings, paragraphs, quotes, and formatted text with typography controls
• Buttons Various styles, sizes, states, and interactive behaviors
• Images Responsive images with lazy loading, captions, and optimization
• Form Elements Inputs, textareas, selects, checkboxes, and radio buttons
• Icons Comprehensive icon library with customizable sizes and colors
• Dividers Horizontal/vertical dividers with various styles

Complex Blocks

Pre-built sections combining multiple elements into functional blocks for building complete page sections.

• Headers Navigation bars, mega menus, responsive layouts with branding
• Hero Sections Landing sections with headlines, CTAs, and backgrounds
• Cards Content, product, team, and testimonial cards
• Blog Components Article layouts, post grids, author bios
• Footers Multi-column footers with social media and newsletters
• Feature Sections Showcase sections, feature grids, and comparisons

Interactive Components

Dynamic components with built-in interactivity and state management for rich user experiences.

• Modals & Popups Dialogs, lightboxes, and notifications with animations
• Carousels & Sliders Image galleries, content sliders, and testimonial carousels
• Tabs & Accordions Content organization with expandable sections
• Forms & Validation Complete forms with real-time validation
• Dropdown Menus Navigation dropdowns and context menus
• Loading States Skeleton loaders, progress bars, and spinners

E-commerce Components

Specialized components for online stores handling product displays, shopping, and purchase flows.

• Product Cards Displays with images, pricing, ratings, and add-to-cart
• Shopping Cart Cart widgets, mini carts, with quantity controls
• Product Filters Search and filter for product catalogs
• Pricing Tables Subscription plans and feature comparisons
• Checkout Forms Complete checkout flows with payment integration
• Reviews & Ratings Customer reviews with star ratings

Component Features