Clean Framework

Semantic CSS for modern web development

A component-based CSS framework with intuitive class names and clean, maintainable code.

Why Clean Framework?

Semantic components that make development faster and maintenance easier

Semantic HTML

Intuitive class names that describe what they do. Write what you mean.

  • Human-readable class names
  • Self-documenting markup
  • AI-friendly patterns

Lightweight

Fast loading with minimal overhead. Your users will notice the difference.

  • 129KB minified CSS
  • Zero dependencies
  • Pure CSS & vanilla JS

Modular Design

Independent components that work together seamlessly or stand alone.

  • Modular architecture
  • Independent components
  • Easy to maintain

Responsive

Mobile-first design that adapts beautifully to any screen size.

  • Touch-friendly interactions
  • Flexible layouts
  • Progressive enhancement

Accessible

Built with accessibility in mind, ensuring your content reaches everyone.

  • WCAG 2.1 compliant
  • Screen reader friendly
  • Keyboard navigation

Theme Support

Built-in dark mode with automatic system preference detection.

  • System preference detection
  • Manual theme toggle
  • Custom color schemes

Explore Components

Browse our organized collection of components by category

Form Components

Complete form elements with built-in validation and accessibility features.

  • Text inputs
  • Multi-step forms
  • File uploads
  • Validation
  • Input groups
  • Form layouts

UI Components

Interactive components with consistent behavior and styling.

  • Buttons
  • Modals
  • Dropdowns
  • Tables
  • Tabs
  • Alerts

Layout Components

Structural components for content organization and layout.

  • Cards
  • Accordions
  • Breadcrumbs
  • Progress bars
  • Pricing tables

Marketing Components

Conversion-focused components for landing pages and marketing sites.

  • Hero sections
  • Features
  • Testimonials
  • CTA sections
  • Stats counters

Admin Components

Professional components for admin panels, dashboards, and content management systems.

  • Sidebar navigation
  • Dashboard cards
  • Data grids
  • Activity feeds
  • File managers
  • Search bars

Built for Performance

Numbers that matter

0 kb

CSS Size

Minified and gzipped

0 +

Components

Ready to use

0

Dependencies

Pure CSS & JS

0 /100

Lighthouse

Perfect score

Start Building Today

Join developers building with semantic, maintainable CSS

Clean, semantic components with intuitive class names. Built for developers who value maintainable code.

  • No build process required
  • Copy and paste ready
  • Fully responsive