ForgeLearn
|$ curl https://forge-ai.dev/api/markdown?path=docs/components
$cat docs/ui-components.md
updated Recently·5 min read·published

UI Components

◆CSS◆HTML◆UI◆Intermediate
Component Library

A collection of production-ready UI components built with semantic HTML and modern CSS. Each component includes live previews, code examples, and best practices. Use these patterns directly in your projects or as inspiration for your own design system.

Buttons→

Button variants, sizes, states, and groups — from solid to ghost, icon to loading.

Cards→

Card layouts with headers, footers, badges, and interactive states.

Forms→

Structured form layouts with labels, validation, and input groups.

Modals→

Modal dialogs, confirmation prompts, and slide-out panels.

Usage

Each component page includes a live editable preview with the full source code. Copy the HTML and CSS directly into your project. Components are built with progressive enhancement — they work without JavaScript where possible.

ℹ

info

All components use CSS custom properties for theming. Swap the color values to match your brand, or extend them with your own design tokens.
Follow