Primitive

Horizontal scrollable carousel with CSS scroll snap

Horizontal navigation menu with dropdown menus for Products and Resources sections

Horizontal navigation menu with animated dropdown transitions and arrow indicators

Card with full-bleed background, heading text overlay, and floating circular add button in bottom-right corner with hover scale effect

Card with branded icon, large heading, description text, and floating circular add button with customizable props

Blog card with image featuring gradient overlay, Info components for eyebrow/title/subtitle, and gradient CTA button

Card with landscape image, Info title/subtitle, and AvatarGroup footer showing participant avatars

Card with full-height background image, bottom gradient overlay, and white text Info components positioned at bottom

Card with game branding, cover image, gradient overlay, logo avatar with hover scale, and date badge

Compact horizontal card with avatar, user name, location info, and progress slider showing completion status

Music card with rounded album artwork and Info components displaying artist/title/description using N04 styles

News card with image, Info components using N01 styles, and 'Find Out More' button with hover scale effect

Full-bleed image card with centered white text heading and explore label, positioned absolutely over background

News card with image overlay, gradient backdrop, fashion tag badge, author info with avatar, and layered shadow effect on hover

Promotional card with cyan background, decorative bow image, circular background elements, and 'Learn more' button

Social post card with clipped polygon image, positioned avatar overlay, Info title/subtitle, and share/like action buttons

Preview card using Base UI PreviewCard with hover popup displaying content preview and Material UI styling

Profile card with centered avatar, name/location info, and followers/following stats displayed in divided columns

Project card with brand logo, time indicator, and Info components using Blog styles for title/subtitle

Review card with image, star rating, location info, and avatar group showing reviewers

Magazine-style review card with image, star rating, content excerpt, and comment/view/share metrics

Purple gradient reward card with trophy image, contest title, date range, and 'Enter Now' button

Social connection card with avatar, user name, mutual friends count, and follow button

Game cards with solid color backgrounds, logo images, game titles, and hover shadow/scale animations

Program enrollment card with Thai content, Info components, and dual 'Learn more' / 'Apply now' buttons

Decorative tag-shaped card with hole punch cutout design for menu items or categories

Team group cards with cover images, avatar groups, member counts, and join/leave action buttons with gradient styling

Compact profile card with avatar, name/title info, and action button using Open Sans typography

Basic select component for switching color schemes

Icon-based select component for switching color schemes

Minimal select component for switching color schemes

Tab-based component for switching color schemes

Info variant with bold Ubuntu typography and custom purple/gray color scheme

Basic info component with title, subtitle, caption, and eyebrow text slots for displaying structured content

Info variant with Spartan font family and coral accent color for eyebrow text

Blog-style info component with date eyebrow and article preview layout

Chat-themed info component with Inter font and modern messaging aesthetics

Info variant with custom typography and styling option 1

Info variant with custom typography and styling option 2

Info variant with custom typography and styling option 3

Info variant with custom typography and styling option 4

Application menubar with nested submenu support using Base UI and Material UI styling

A minimal meter component using Base UI Meter with Material UI styling

Base UI Number Field for numeric values with increment/decrement buttons

A number input component with various features and customization options.

Radio card component for selecting options with detailed information

A customizable radio group component with color swatches as selection options

A segmented control component for selecting between options with radio buttons

A select dropdown with label displayed inside the container above the selected value

A clean tabs component with AI and signup options, includes help link

A modern tab component with mix-blend-mode for automatic text color inversion when the indicator slides beneath tabs

Apple-style tabs with rounded container and sliding indicator

Horizontal tab navigation styled as chip-like buttons

Chrome browser-style tabs with separator lines and smooth hover effects

Contained tabs with separator lines and secondary color for selected state

Elevated tabs with gradient background and translucent indicator

Firebase-style tabs with thick top indicator and hover backdrop

Tabs with diagonal triangle shadow effect using CSS transform

Instagram-style tabs with top indicator, icons, and uppercase labels

Pill-shaped tabs with rounded corners, elevation shadow on selection

Plain bordered tabs with subtle background and white selection

Serrated tabs with skewed transform and diagonal shadow gradient

Twitter-style tabs with bold text, hover effects, and bottom border