All components

Explore the components I’ve built so far — open any card to view the source and details.

accordions

BorderedAccordion

Expand/collapse panels for FAQs and dense settings.

accordions

MinimalAccordion

Expand/collapse panels for FAQs and dense settings.

avatars

AvatarStack

Circular user imagery with status, stacks, or glow accents.

avatars

GlowingAvatar

Circular user imagery with status, stacks, or glow accents.

avatars

StatusAvatar

Circular user imagery with status, stacks, or glow accents.

backgrounds

Blueprint

Full-width decorative patterns for hero sections and empty states.

backgrounds

Circles

Full-width decorative patterns for hero sections and empty states.

backgrounds

Cross

Full-width decorative patterns for hero sections and empty states.

backgrounds

Grids

Full-width decorative patterns for hero sections and empty states.

backgrounds

Horizontal

Full-width decorative patterns for hero sections and empty states.

backgrounds

Rings

Full-width decorative patterns for hero sections and empty states.

backgrounds

Sparse

Full-width decorative patterns for hero sections and empty states.

backgrounds

Stripes

Full-width decorative patterns for hero sections and empty states.

badges

GlassmorphismBadge

Small labels for status, tags, and metadata.

badges

PulsingStatusBadge

Small labels for status, tags, and metadata.

badges

SoftTag

Small labels for status, tags, and metadata.

buttons

BentoExpand

Interactive controls with motion, glass, or ink-style treatments.

buttons

GlassInset

Interactive controls with motion, glass, or ink-style treatments.

buttons

InkBleed

Interactive controls with motion, glass, or ink-style treatments.

buttons

LiquidBorder

Interactive controls with motion, glass, or ink-style treatments.

buttons

MagneticPull

Interactive controls with motion, glass, or ink-style treatments.

buttons

MinimalistRipple

Interactive controls with motion, glass, or ink-style treatments.

buttons

SoftFloat

Interactive controls with motion, glass, or ink-style treatments.

buttons

SolidButton

Interactive controls with motion, glass, or ink-style treatments.

buttons

VelvetBorder

Interactive controls with motion, glass, or ink-style treatments.

cards

BusinessCard

Social and product-style profile or post layouts for dashboards.

cards

FacebookPostCard

Social and product-style profile or post layouts for dashboards.

cards

FacebookProfileCard

Social and product-style profile or post layouts for dashboards.

cards

GithubContributionCard

Social and product-style profile or post layouts for dashboards.

cards

GithubProfileCard

Social and product-style profile or post layouts for dashboards.

cards

GoogleProfileCard

Social and product-style profile or post layouts for dashboards.

cards

InstagramPostCard

Social and product-style profile or post layouts for dashboards.

cards

LinkedInPostCard

Social and product-style profile or post layouts for dashboards.

cards

LinkedInProfileCard

Social and product-style profile or post layouts for dashboards.

cards

NotepadCard

Social and product-style profile or post layouts for dashboards.

cards

TwitterPostCard

Social and product-style profile or post layouts for dashboards.

cards

TwitterProfileCard

Social and product-style profile or post layouts for dashboards.

checkbox

Checkbox

Binary inputs: toggles, radios, and multi-select checkboxes.

checkbox

RadioGroup

Binary inputs: toggles, radios, and multi-select checkboxes.

checkbox

Toggle

Binary inputs: toggles, radios, and multi-select checkboxes.

dropdowns

Dropdown

Menus anchored to triggers for actions and navigation.

dropdowns

HomeDropdown

Menus anchored to triggers for actions and navigation.

inputs

DisabledInput

Text fields with validation, hints, and password visibility.

inputs

EmailInput

Text fields with validation, hints, and password visibility.

inputs

InputValidated

Text fields with validation, hints, and password visibility.

inputs

InputWithError

Text fields with validation, hints, and password visibility.

inputs

PasswordInput

Text fields with validation, hints, and password visibility.

inputs

TextInput

Text fields with validation, hints, and password visibility.

inputs

TextareaInput

Text fields with validation, hints, and password visibility.

menubar

HomeMenuBar

Horizontal tab-like navigation with icons and badges.

menubar

MenuBar

Horizontal tab-like navigation with icons and badges.

progress

GlowingProgressBar

Determinate and animated progress indicators.

progress

StripedProgressBar

Determinate and animated progress indicators.

searchbar

SearchBar

Search fields with optional inline results.

searchbar

SearchBarWithResults

Search fields with optional inline results.

skeletons

CardSkeleton

Loading placeholders shaped like cards and profiles.

skeletons

ProfileSkeleton

Loading placeholders shaped like cards and profiles.

tabs

Tabs

Tabbed panels swapping content without route changes.