NEW! We have released FREE Handoff Figma Documentation Kit! Download Figma Kit
Skip to content
Fast & easy to customize

Minimal components mixed with CSS utility classes

Ravenbright UI currently offers FREE minimal components which is style agnostic and easily customizable.

Installation

Components are made from utility classes, class abstraction, & CSS custom properties. Hence, if you want to use them as it may be, you should import all the required files.

You can also selective import components or utilities with PostCSS. Read the complete tutorial here inside the docs.

Install via NPM

CDN
Manual download

Quickly download via GitHub repository

Download source code

After downloading the files, you can copy & paste the HTML code below into your local or online code editor. It's done! 🎉.

Alert

Something went wrong! Please check your settings.
INFO: 5 possible software updates for this week

Accordion

What is CSS library and what is it used for?

Proin sollicitudin elementum neque in condimentum. Donec vitae orci

What is CSS library and what is it used for?

Proin sollicitudin elementum neque in condimentum. Donec vitae orci

Avatar

avatar avatar avatar
XYZ 123 ABC

Badge

Badge - neutral Badge - neutral

Blockquote

"Cras auctor quam eleifend, porttitor augue a, dictum mauris."

Earth picture from Unsplash - https://unsplash.com/photos/nVghQWPCRbI

Author name

Designer & developer

"Cras auctor quam eleifend, porttitor augue a, dictum mauris."

— Author name

Button

Get started

Card

Business & work - Unsplash image by judmackrill - https://unsplash.com/photos/Of_m3hMsoAA

Companyabc have increased their MRR by 17% after redesign

Vestibulum vehicula dui venenatis

avatar

Remington Kellie

Chief Design Officer

"Scelerisque varius morbi enim nunc faucibus. At auctor urna neque tempor, accumsa."

$992,608

Monthly transactions

Checkbox

Radio legend

Divider

Horizontal


Vertical


Empty state

There are no documents here

Start uploading your files into our secure cloud hosting

Upload files

Input

Sign up for free today

This is only a demo form. Don't submit sensitive informations

Sign up form

Radio

Radio legend

Tabs

Table

Token formats Links
JSON
https://github.com/ravenbrightdesign/ravenbrighttokens/tree/main/dist/json/
CSS variables
https://github.com/ravenbrightdesign/ravenbrighttokens/tree/main/dist/css
Tailwind CSS Config
https://github.com/ravenbrightdesign/ravenbrighttokens/tree/main/dist/tailwindcssconfig
Figma tokens
https://github.com/ravenbrightdesign/ravenbrighttokens/tree/main/dist/figma
🎨 Customizable & low level CSS library

Build stunning & modern websites without complex build setup

Create static sites for free

Free to use even for commercial usage with Apache License 2.0

CTA checklists

Built-in dark mode

CTA checklists

Compliant with WCAG 2.1

CTA checklists

Platform agnotic design tokens

CTA checklists

Composable with PostCSS

CTA checklists

Style agnostic & unopinionated

Made with Ravenbright CSS