Propeller Framework kombinerer Bootstrap & Google Material Design

Googles enorme popularitet materiale design bør ikke komme som nogen overraskelse. Det er en del af en moderne UI-stil, der fokuserer mere på fladt design med en vægt på UX og anvendelighed mønstre.

Ved at tage de materielle design begreber og tilføje dem til Bootstrap, får vi Propeller ramme.

Dette fuldt responsive open source-framework spiller den materielle rolle perfekt. Den leveres pakket med et komponentbibliotek af 25 brugergrænseelementer, sammen med brugerdefinerede skabeloner at fremskynde produktionen.

Du kan finde al kildekode på GitHub, sammen med browser support information og seneste opdateringer.

Hvis du virkelig vil dykke i, skal du tjekke den dokumentationsside. Det er her de gode ting sker, der dækker mappestruktur, grundlæggende opsætning af hjemmesider, brug af komponenter og hvordan man selv tilpasser sættet.

De fleste komponenter kører oven på Bootstraps klasser, så du arbejder med a ægte BootStrap-kodebase. Det er dog stærkt tilpasset til efterligne materiale designanimationer og design ideologier.

Dropdown menuer, formularer, tabbed widgets og progress bar, alle disse komponenter følg den materielle design stil og de er super nemme at oprette. Den svære del er at finde den nøjagtige komponent, der passer til dit websted, fordi der er så mange at vælge imellem.

Generelt set Propeller følger de fleste af Googles designretningslinjer. Udviklerne har gjort et fantastisk arbejde med denne ramme og det matcher virkelig materialestilen.

På siden Kom godt i gang finder du fire forskellige downloads, hver for et særligt formål:

1. Materialetema - for eksisterende Bootstrap sites, der ønsker en materiel design stil
2. Propeller Kit - hele CSS / JS biblioteket klar til produktion
3. Stå alene - individuelle komponenter, som du kan kopiere / indsætte til egne projekter
4. Admin-skabelon - en brugerdefineret admin panel skabelon lavet med Propeller

Hvis du er ny på rammen, kan du downloade hele sættet og tinker væk. Denne pakke har ikke mange eksempler på sider, men du kan se på Propellers websted for at se, hvordan det ser ud.

Denne ramme er produktion-ready hvis du leder efter et materielt tema. Det er en af ​​de enkleste rammer at bygge sammen med, og det vil sandsynligvis være i de kommende år.