All components

No javascript needed.

loading data

this is register form

this is login form

card products.

Testing to see if we can stop using equalizer to force callouts to match heights per row and to make sure TW supports multiple button alignments.

form

A bold and responsive Bento Grid for presenting services, performance metrics and calls to action. Built entirely with Tailwind CSS and featuring vibrant colors, rounded cards and smooth hover effects.

Sidebar

A modern bento-style gallery combining differently sized image cards in a structured and visually engaging layout.

A fully responsive image grid that automatically adjusts its columns across mobile, tablet, and desktop screens.

A Pinterest-inspired masonry gallery featuring images of different heights in a seamless multi-column layout.

A clean and balanced image gallery arranged in equal-sized columns for a simple, organized presentation.

Transitioning from Foundation to Tailwind - built cards and tiles to prove that we don't need javascript to reproduce our card and tile layouts/interactions.

PREVIEW ON FULL SCREEN BECAUSE INSIDE THE NAV BAR IT CONTAINS (aria-current="page") which create some issues inside canvas. A clean and minimal vertical navigation menu built with Tailwind CSS featuring smooth line expansion, hover interactions, and active link highlighting. The component uses lightweight CSS transitions with aria-current support for accessible active states, making it ideal for documentation websites, portfolios, dashboards, and landing pages.