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

Select (generic component)

A fully-typed dropdown built with TypeScript generics — the same component works with any option shape, not just strings

You picked: React

Animated Counter

Count-up statistics driven by requestAnimationFrame, with a reduced-motion fallback

Pulse Animation (Lottie)

A small, looping Lottie animation exported from Adobe After Effects, with a static fallback for reduced motion

We use localStorage (browser storage, NOT cookies) for essential functionality and analytics cookies to understand how you interact with our content. If you reject analytics, ZERO cookies are set. All analytics data is anonymous.

Essential (localStorage - NOT Cookies)

Browser storage for basic functionality (theme, language, session). Stays in your browser only. Always active.

Analytics Cookies (Optional)

Help understand how visitors interact with the site through Firebase Analytics. Anonymous data. Requires consent.

Learn more in our Privacy Policy and Cookie Policy