Caustica Design
Install

Soft light through glass — shaping the future of design, one translucent surface at a time.

Install caustica-design See it in examples

Why Caustica Design

Named for the bright shapes light makes through glass or water. We are shaping what interfaces feel like next — that same quiet shimmer on screen, open and layered, driven by OKLCH tokens and CSS, with React only when you need behavior.

  • Like light through glass — not chrome

    Screens breathe. See-through panels, thin borders, and soft highlights — closer to the shimmer on a pool floor than a wall of solid gray boxes.

  • Color that stays calm in light and dark

    Color, space, and type live in OKLCH custom properties. Themes swap semantic aliases only — the look shifts without a color engine or runtime theme scripts.

  • CSS owns the look; React is optional

    Drop in caustica-design/css and the visual contract is yours in plain HTML. Reach for caustica-design/core when you want typed props, portals, and keyboard behavior.

See it live

One glass panel — tabs, fields, switches, and a quiet toast — using the same classes your app will ship with.

Tonight’s release

Name it, write the note, then save when it feels ready.

running
Checklist 2 of 3

Lands on the changelog — and in the toast when you save.

A short note helps the next person trust what changed.

Install

One package. CSS brings the glass; React is there when you want typed behavior.

  1. Install the package

    npm install caustica-design

  2. Bring in CSS — add React if you like

    import 'caustica-design/css'
import { Button } from 'caustica-design/core'

Pin an exact release with caustica-design@0.2.4. The React layer needs react and react-dom 18 or newer.

CSS imports guide React setup

Explore

Guides when you need them — examples when you want to feel the glass.

Docs

Examples

FAQ

Straight answers — so you can get to the soft light sooner.

No. Import caustica-design/css and use the class names in plain HTML. Reach for caustica-design/core when you want typed props, portals, and keyboard behavior — with React 18 or newer as peers.

Contribute

Help shape what comes next — fund the work via InstaPay or bank transfer, or send a bug report or idea.

Build something that breathes.

Tokens, components, and soft light — one guide from install to the interfaces people feel next.

Open the getting started guide Install caustica-design