REVACSS / DOCUMENTATION

Start with HTML.
Set your defaults once.

Style native elements, choose a shared theme on the page, and add a component class only where a pattern needs one.

Get startedAPI reference

Choose a theme

Light, dark or system colours; optional glass material is a separate choice.

Theme guides

Use the reference

Find supported attributes, classes, CSS files and custom properties.

Component API

Page defaults, simple markup

The section stands in for page-level settings. The button and card inherit them without repeated attributes.

HTMLSelect text to copy
<section data-theme="light" data-accent="teal" data-shape="rounded">
  <article class="card">
    <h3>Your project</h3>
    <p>Useful defaults for ordinary HTML.</p>
    <a class="button" href="/RevaCSS/guide/">Read the guide</a>
  </article>
</section>

Find a component

Foundations

Forms and actions

Navigation and disclosure

Feedback and status

Content and identity

Assets and full-page examples

A complete marketing website

Explore Forma: a responsive website with navigation, features, product tabs, pricing, FAQ and a contact form. Customize its parent theme, palette, material and shape, then download the matching HTML.

Explore the marketing demo

A complete workspace dashboard

Explore metrics, SVG charts, project progress and activity. Customize the appearance and download native HTML with no JavaScript required.

Explore the dashboard demo

A considered shop

Explore a responsive catalogue, real category pages, product details and a sample bag. Use the shared appearance settings and download complete HTML.

Explore the shop demo

An independent journal

Explore a blog listing and complete articles with reading navigation, author details and related stories. Customize the shared appearance and download the starting HTML.

Explore the blog demoRead an article

SVG icon gallery · Light foundation · Dark foundation · Glass page · Plain HTML comparison

RevaCSS 1.0.0 — Erisian is available as a GitHub release with downloadable assets. Automated results and known limits are recorded with the release. Manual accessibility and real-device checks remain open; npm publication stays on hold.