Components

Build Your Way with WavyKits'
Components

Ready-to-use UI components for React, Vue, Alpine, and more. Built with Tailwind CSS, fully responsive with RTL support. From simple buttons to complex dashboards—just copy the code and start building.

Pricing Component

Browse Tailwind CSS pricing table components. Toggle monthly/yearly plans, tiered showcases, interactive calculators and accordion pricing lists. Responsive with dark mode.

Pricing Plans Section Component

A responsive, three-column Tailwind CSS Pricing section with distinct plans, a highlighted 'Most Popular' option, and clear feature lists for easy comparison component.

LTR

RTL

Accordion Pricing List Component

A vertical list of Tailwind CSS Pricing tiers where selecting a plan expands it to reveal key features, maintaining a clean and focused layout with toggleable billing cycles component.

LTR

RTL

Interactive Pricing Calculator Component

A glassmorphic Tailwind CSS Pricing calculator with a draggable range slider, real-time cost estimation, and floating gradient background effects component.

LTR

RTL

Kinetic Pricing Grid Component

A dynamic Tailwind CSS Pricing table featuring a monthly/yearly toggle, hover-triggered focus effects, and a highlighted popular tier with an ambient glow effect component.

LTR

RTL

Tiered Pricing Showcase Component

A responsive Tailwind CSS Pricing section featuring a monthly/yearly toggle switch, highlighted popular tier, and clean feature lists, adaptable to both light and dark modes component.

LTR

RTL