BuiltIn-UI Lib

Github Address: gen makepad component lib


VersionDate
v0.0.12024-06-28

Feature

  1. More diverse props(styles)
  2. A simpler way of writing (more similar to CSS)
  3. With default style, can be switched through themes
  4. As a built-in component of GenUI, it can also be independently applied in Makepad projects
  5. Continuous high-speed updates (currently updated approximately once a week)

Import

Toml

gen_components ={ git="https://github.com/palpus-rs/Gen-UI/tree/main/gen/components" }

lib.rs

#![allow(unused)]
fn main() {
pub use gen_components;
}

Live Design

#![allow(unused)]
fn main() {
live_design! {
    import gen_components::components::*;
}
}

GenUI Builtin Lib

Themes

each theme color has [25, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900]

Color Category2550100200300400500600700800900
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