Github Address: gen makepad component lib
Version | Date |
v0.0.1 | 2024-06-28 |
- More diverse props(styles)
- A simpler way of writing (more similar to CSS)
- With default style, can be switched through themes
- As a built-in component of GenUI, it can also be independently applied in Makepad projects
- Continuous high-speed updates (currently updated approximately once a week)
gen_components ={ git="https://github.com/palpus-rs/Gen-UI/tree/main/gen/components" }
#![allow(unused)]
fn main() {
pub use gen_components;
}
#![allow(unused)]
fn main() {
live_design! {
import gen_components::components::*;
}
}
each theme color has [25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]
Color Category | 25 | 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
Dark | #FCFCFD | #F9FAFB | #F2F4F7 | #EAECF0 | #D0D5DD | #95A2D3 | #667085 | #475467 | #344054 | #1D2939 | #101828 |
Primary | #F5FEFF | #ECFDFF | #CFF9FE | #A5F0FC | #67E3F9 | #22CCEE | #06AED4 | #088AB2 | #0E6F90 | #155B75 | #164C63 |
Error | #FFFBFA | #FEF3F2 | #FEE4E2 | #FECDCA | #FDA29B | #F97066 | #F04438 | #D92D2D | #B42318 | #912018 | #7A271A |
Warning | #FFFCF5 | #FFFAEB | #FEF0C7 | #FEDF89 | #FEC84B | #FDB022 | #F79009 | #DC6803 | #B54708 | #93370D | #7A2E0E |
Success | #F6FEF9 | #ECFDF3 | #D1FADF | #A6F4C5 | #6CE9A6 | #32D583 | #12B76A | #039855 | #027A48 | #05603A | #054F31 |
Color Category |
25 |
50 |
100 |
200 |
300 |
400 |
500 |
600 |
700 |
800 |
900 |
Dark |
#FCFCFD |
#F9FAFB |
#F2F4F7 |
#EAECF0 |
#D0D5DD |
#95A2D3 |
#667085 |
#475467 |
#344054 |
#1D2939 |
#101828 |
Primary |
#F5FEFF |
#ECFDFF |
#CFF9FE |
#A5F0FC |
#67E3F9 |
#22CCEE |
#06AED4 |
#088AB2 |
#0E6F90 |
#155B75 |
#164C63 |
Error |
#FFFBFA |
#FEF3F2 |
#FEE4E2 |
#FECDCA |
#FDA29B |
#F97066 |
#F04438 |
#D92D2D |
#B42318 |
#912018 |
#7A271A |
Warning |
#FFFCF5 |
#FFFAEB |
#FEF0C7 |
#FEDF89 |
#FEC84B |
#FDB022 |
#F79009 |
#DC6803 |
#B54708 |
#93370D |
#7A2E0E |
Success |
#F6FEF9 |
#ECFDF3 |
#D1FADF |
#A6F4C5 |
#6CE9A6 |
#32D583 |
#12B76A |
#039855 |
#027A48 |
#05603A |
#054F31 |