UI Component Library based on dark theme first approach
A comprehensive UI CSS component library designed and developed using a dark theme first approach. This library includes a wide range of essential components commonly used in website development. By prioritizing the dark theme, the components seamlessly integrate into modern interfaces, providing a visually appealing and consistent user experience.
Check out the project : https://alpha-dark-ui.netlify.app/
CDN link : https://alpha-dark-ui.netlify.app/css/styles.css
For importing the library from the html copy this code inside the head tag of your html
<link rel="stylesheet" href="https://alpha-dark-ui.netlify.app/css/styles.css">
For importing the library from the css copy this code at the top of your css file
@import url("https://alpha-dark-ui.netlify.app/css/styles.css");
:root
+---.vscode
+---alpha
| \---css
| +---components
| \---pages
+---assets
| +---images
| \---svg
+---css
| +---abstracts
| +---base
| +---components
| +---fonts
| \---layout
\---js
Theme Colors
Palette | Hex | Color |
---|---|---|
background | #282a36 |
|
background-light | #44475a |
|
white | #f8f8f2 |
|
alpha | #6272a4 |
|
cyan | #8be9fd |
|
green | #50fa7b |
|
orange | #ffb86c |
|
pink | #ff79c6 |
|
purple | #bd93f9 |
|
red | #ff5555 |
|
yellow | #f1fa8c |
Base Colors
Checkout the docs for more : https://alpha-dark-ui.netlify.app/alpha/docs.html
git clone https://github.com/sohan9819/Alpha-UI.git