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.

Image Gallery Component

Browse Tailwind CSS image gallery components. Masonry grids, filterable portfolios, team drawers and expanding elastic galleries with hover interactions. Responsive.

Interactive Image Gallery Component

An interactive and responsive Tailwind CSS Image Gallery that showcases a collection of images. It features a "Load More" button to progressively display more images, and elegant hover effects to reveal image titles and categories component.

LTR

RTL

Expanding Elastic Gallery Component

A dynamic, accordion-style Tailwind CSS Image Gallery where items expand smoothly on hover, revealing detailed content while inactive items recede to vertical or compact labels component.

LTR

RTL

Filterable Portfolio Grid Component

A refined, Tailwind CSS Image Gallery masonry-style gallery with tabbed category filtering, smooth entry transitions, and elegant hover interactions for project items component.

LTR

RTL

Infinite Masonry Marquee Component

A dual-row Tailwind CSS Image Gallery infinite scrolling gallery featuring distinct aspect ratios, grayscale-to-color hover effects, and pause-on-hover interaction component.

LTR

RTL

Sliding Team Drawer Component

An immersive Tailwind CSS Image Gallery team grid where clicking a member reveals a detailed bio in a slide-out drawer panel with distinct entrance animations and backdrop blur component.

LTR

RTL