Component Showcase
Interactive demonstration of all 12 COMET design system components

COMET Design System

Complete component showcase featuring all 12 production-ready components. Built with accessibility, performance, and developer experience in mind.

12
Components
100%
Complete
WCAG
Accessible
📱
Responsive

Interactive Controls

Core interactive elements including buttons, form controls, and dropdown menus. All components support keyboard navigation and screen readers.

Button System 6 variants • 5 sizes • Icons

Form Controls Inputs • Select • Textarea • Validation

Dropdown Menus Positioning • Search • Keyboard Nav

Content Display

Components for organizing and displaying content including cards, badges, and user avatars. Flexible layouts that adapt to different screen sizes.

Card System Interactive • Images • Actions

Simple Card

Basic card layout

Clean and minimal design for displaying content.

User

John Doe

Senior Developer

Online

Badge System 8 variants • Sizes • Interactive

Default Primary Secondary Success Warning Error Info Accent
Outline Large Verified

Avatar System 5 sizes • Images • Initials • Icons

XS Avatar
SM Avatar
MD Avatar
LG Avatar
XL Avatar
JD
AB

Feedback & Communication

User feedback components including alerts, banners, and modal dialogs. Designed for clear communication and user guidance.

Alert System 4 variants • Dismissible • Actions

Information
This is an informational message.
Success
Operation completed successfully.
Warning
Please review before proceeding.
Error
Something went wrong. Please try again.

Banner System Dismissible • Animations • Positioning

New Features Available
Check out our latest updates and improvements!
Settings saved successfully!

Modal System Focus Trapping • Sizes • Accessibility