Component Gallery

Explore the reusable UI components that power this website. Each component is built with React, TypeScript, and Tailwind CSS.

View on Chromatic

Button

A versatile button component with multiple variants, sizes, and states

Card

A flexible container component for grouping related content

Card with Title

This is an example of card content. Cards can contain any type of content including text, images, and other components.

Card without title

Highlighted Text

A component for emphasizing important text with visual highlighting

This is highlighted text

You can use it inline with highlighted portions

Modal

A dialog component for displaying content in an overlay

Language Selector

A dropdown component for switching between available languages

Theme Toggle

A button component for switching between light and dark themes