SassWave
Open Source Component Library

Structure your UI.
Scale with confidence.

SassWave is a zero-runtime SCSS component system for React and Next.js - designed for teams who care about maintainability, performance, and clean architecture.

  • Zero runtime overhead
  • Type-safe components
  • Full theming support
Get Started 
> npx sasswave@latest
Code Comparison
✕

Unstructured Utility Sprawl

✓

Structured Component System

Works seamlessly with

React LogoTypescript LogoRemix LogoNext Logo

Build Faster. Ship Cleaner. Scale Smarter.

A modern styling system built for performance, developer experience, and long-term maintainability.

Instant Theming Without Refactors

Customize branding using variables - no component rewrites required.

Type-Safe Components by Default

(property) variant?: 'solid' | 'outline'

No Runtime Styling Cost

0ms

JavaScript Runtime Overhead