Easy to get started
Download it, put the CSS link into HTML & it's done 🎉.
No need of complex JS config to build simple static sites.
Low level & customizable CSS library 🚀
Modern & stunning CSS library to build simple static sites
Create fast, intuitive, & fully-customized website with platform agnostic design tokens, utility classes & minimal components
Style agnostic & avoid vendor lock-in
Everything is customizable & you aren't strictly connected to an opinionated design styles.
Faster & seamless handoff experience
Design & build website faster, together. Get everyone in sync with JSON & Figma tokens file.
Built website your own way
The balance of utility classes, design tokens, & minimal components provides more freedom to build sites.
Built-in dark mode
•
Composable
•
Flexible & unopinionated
•
Developed with accessibility in mind
•
Low level CSS
•
Fully responsive by default
•
WCAG 2.1 compliant
•
Easily integrate with your favorite stacks
•
In-depth documentation
•
Take control of your files
•
Style agnostic
•
Avoid vendor lock-in
•
Customize sites in no time
Get started easily
Create less-complex static sites from scratch with utility classes, design tokens or minimal components, it's all your choice.
Download via GitHub repository
Manual download
Download Ravenbright CSS source code, copy the CSS into your directory, run npm install, run the server, customize the design & it's done 🎉.
No installation required
Use the CDN
Paste the CDN link into your HTML & your website got a new modern look 🚀
🌞 Ravenbright CSS (without dark mode)
🌞🌙 Ravenbright CSS (with dark mode)
HTML starter
Start the first project with the boilerplate
Use this HTML starter & open it on your browser to see the result 🎉
npm
Install via npm then import things you need & remove the unused CSS with PostCSS
Ravenbright CSS provides CSS variables for each light & dark mode. Thus, you can combine or import them selectively.
🌞 Ravenbright CSS (without dark mode)
🌞🌙 Ravenbright CSS (with dark mode)
Integrations
Integrate it with the tools you already familiar
Feature 2
Low level CSS & HTML starting point
Build stunning static websites without complex front-end build setup
Get started easily without CSS preprocessors or complicated setup. Quickly download the source code, run npm install, run the server, customize the web design & it's done 🎉.
Get started
# initiliaze project
npm init
# install Ravenbright CSS
npm install ravenbrightcss
# change current directory
cd node_modules/ravenbrightcss
# install PostCSS & its plugins
npm install
# run the server & it's done 🎉.
npm run dev
Feature 1
Modern & Style agnostic CSS library
Everything is customizable without opinionated design
Ravenbright CSS is a flexible CSS library. You can easily modify the components by using either design tokens, utility classes or creating your own classes.
Full control of your design decision
We don't dictate how you should design the website.
- Deep purple
- Retro theme
- White blue
Codepen profile
GitHub account
Dev.to articles
Ko-fi profile
Case studies
User research template
Resume
Figma profile
Using components from Kagerou - a free, customizable, modern & blazing fast link in bio HTML landing page sites templates
Feature 2
🤝 Design & build website faster, together
Faster & seamless design handoff with Figma Tokens
Ravenbright lets you have a better & smooth collaboration experience by getting everyone on the same page with JSON & Figma tokens JSON file.
Read Figma Tokens
Minimal component examples
Discover FREE pre-built minimal & accessible components for your next static sites projects.
"Risus viverra adipiscing at in tellus. Id aliquet risus feugiat in ante. Convallis a cras semper auctor neque. Lectus urna duis convallis convallis tellus id interdum. Suspendisse sed nisi lacus sed viverra tellus in hac. ugue neque."
Author name
Designer & developer
Sign up for free today
This is only a demo form. Don't submit sensitive information
Let's explore all the promising features
Free, flexible, & stunning CSS library to help you build simple static sites faster
Built in dark mode
Ravenbright CSS provide wide range of colors for the dark mode
Take control of your files
Combine or import the styles & components that you only need
Flexible & unopinionated
Use utility classes, CSS variables, or abstractions. The choice is up to you
Fully responsive by default
Use grid utility class or copy & paste components without media queries
Low level CSS
Ravenbright CSS offer readable low level utilities which lets you build unique static website
Built with accessibility in mind
Ravenbright CSS components & design tokens follow WCAG 2.1
Integrate with your tech stacks
Ravenbright currently offer 4 integrations to help you get started quickly in building sites
In-depth documentation
Learn utility classes, design tokens, & vanilla CSS with our growing documentation .
Free even for commercial usages
Ravenbright CSS codes are free to use & released under Apache license 2.0.
Supercharge your project workflow with Ravenbright UI collections
View all collectionsWinterwald
Winterwald
Clean, modern & blazing fast Product Designer Portfolio
Dark
Kagerou
Customizable, responsive & Low level CSS link in bio template
Zauberhaft
Zauberhaft
High quality, responsive & unique digital agency HTML template
🎨 Customizable & low level CSS library
Build stunning & modern websites without complex build setup
Free to use even for commercial usage with Apache License 2.0
Built-in dark mode
Compliant with WCAG 2.1
Platform agnostic design tokens
Composable with PostCSS
Style agnostic & unopinionated