Recomandat, 2021

Alegerea Editorului

Cele mai bune 20 de cadre din front-end pentru bootstrap Alternative

Cadrele de lucru sunt unul dintre instrumentele utile pentru dezvoltatorii de front-end pentru o dezvoltare mai rapidă și mai bună. Cu cadre puteți construi un site bine structurat, sustenabil și upgradabil . De asemenea, vă ajută să economisiți mult timp, pentru că există o mulțime de elemente disponibile pe care le puteți utiliza.

În prezent, numărul de cadre a crescut foarte mult și, după cum probabil știți, Bootstrap de pe Twitter este pe clasamentul de top. Pentru a vă ajuta să alegeți cadrul cel mai potrivit de utilizat, am enumerat cele mai bune 21 de cadre disponibile astăzi pentru alternativa Bootstrap . Ele oferă caracteristici unice și teasing care diferă una de cealaltă. Verifică!

1. Pur

Dacă intenționați să construiți o aplicație web care funcționează atât pe desktop, cât și pe mobil, atunci ar trebui să luați în considerare utilizarea Pure de la Yahoo. Pure are o performanță mult mai bună atunci când vine vorba de dispozitivele mobile decât Bootstrap. După cum sugerează și numele, Pure vine doar ca un cadru CSS pur. Construiți pe partea de sus a Normalize.css, Pure are o dimensiune extrem de mică a fișierului, cu doar 4, 5KB (minified și gzip) .

2. UI Kit

UIkit este un cadru frontal gratuit, ușor și modular. Dezvoltat cu mai puțin, UIkit are un cod bine structurat, extensibil și ușor de întreținut. De asemenea, oferă un sistem de rețea care este receptiv, fluid și nestabil. Cu UIkit puteți construi navigare, butoane, modale, dropdown și mai receptiv. Documentația sa cuprinzătoare vă va face mai ușor să începeți cu UIkit.

3. MontageJS

MontageJS este un front-end open source, specializat pentru crearea de aplicații moderne pentru o singură pagină (SPA) . Folosind fundația multor aplicații de bază, Montage va simplifica procesul de dezvoltare, în timp ce codurile HTML expresive sunt încă menținute. Cu MontageJS, puteți să sincronizați actualizările DOM pentru o experiență de utilizare mai ușoară, să construiți și să extindeți componentele UI care pot fi reutilizate și multe altele.

4. Lucrări de bază

La baza este un cadru frontal ușor, flexibil și receptiv, creat și întreținut de Gary Hepting . Construit pe partea de sus a Sass și Compass, Groundwork oferă un sistem de grilă excelent, flexibil, fluid și nestabilit . Cu sistemul său de rețea, puteți construi orice tip de aspect de aspect care se potrivește pe orice dimensiune a ecranului.

5. Gumby

Gumby este un cadru flexibil și receptiv construit cu puterea Sass pentru o dezvoltare rapidă a web-ului. Personalizatorul său vă permite să personalizați cu ușurință întregul design al kitului UI pentru a vă satisface preferințele. Gumby are mai multe tipuri de grile cu diferite variații ale coloanelor, dar, în mod implicit, Gumby vine cu sistem de grilă 960.

6. Placă de bază HTML5

La fel ca numele său, HTML5 Boilerplate vă oferă șablonul HTML5 gata care a fost optimizat pentru a îndeplini cele mai standarde caracteristici noi HTML. Folosind acest șablon, puteți crea un site rapid, robust și receptiv, capabil să se adapteze la orice tip de browser, chiar și pe cele vechi, cum ar fi Internet Explorer.

7. Schelet

Scheletul este un cadru CSS ușor, care utilizează un sistem de grilă cu 12 coloane. Spre deosebire de Bootstrap sau Foundation, Skeleton vă oferă câteva componente fundamentale, cum ar fi butoanele, listele, tabelele, formularele care au avut drept scop lansarea procesului de dezvoltare.

8. Bootflat

Bootflat este un framework CSS open source care este construit cu Bootstrap 3. Bootflat este conceput pentru a crea un design web uimitor, cu o viteză mai rapidă și mai puțin repetitivă . Prin urmare, kit-ul UI vine cu un pachet de interfață pentru utilizatori frumos PSD pe care îl puteți utiliza pe site-ul dvs. de web, iOS sau Android.

9. Inuit

Inuit.css este o altă mare imagine CSS care se concentrează pe abordarea Mobile First și lasă tot proiectul pentru tine. În timp ce multe alte cadre vin cu propriul lor CSS design construit, Inuit.css, cu toate acestea, nu. Inuit.css funcționează în modul OOCSS (Object Oriented CSS), care este o metodă rapidă, scalabilă și menținută de scriere a CSS reutilizabile.

10. Sistemul de grila 960

960 Grid System este un cadru front-end care vă poate eficientiza fluxul de lucru de dezvoltare web bazat pe un container cu lățimea de 960px. Containerul poate fi apoi tăiat în 12, 16 sau chiar 24 de coloane pentru a stabili mai ușor conținutul.

11. Materializați

Construit pe baza principiilor de design al materialelor Google, Materialalize a venit ca un cadru modern de front-end. Acest cadru este foarte potrivit pentru cei care doresc să pună în aplicare Material Design aspectul și simt în site-ul lor, fără nici o complexitate. Dispune de design de card, animație cu efect de clopoțel, mixer Sass, glisați meniul mobil și multe altele.

12. Jeet

Jeet este un sistem rapid, flexibil și de mare viteză disponibil astăzi. Jeet vă ajută să construiți rețele în mișcare într-un mod foarte intuitiv, curat. Suportă aproape toate browserele moderne și vechi.

13. Susy

Susy este un sistem automat de grilă care vă poate ajuta să creați aspectul web în orice fel de coloană doriți. Vă oferă libertate și flexibilitate pentru a crea un design de alegere. Este capabil să se ocupe dacă designul dvs. are 5, 12, 24, 48 sau coloane inegale.

14. Metrou UI

Metro UI este un cadru bazat pe 12 grilă care este inspirat de interfața de stil Windows 8 Metro. Este foarte ușor de utilizat și are stil cu o grămadă de componente comune, cum ar fi butonul, țiglă, meniul, selectorul de date și multe altele. Există, de asemenea, un șablon de Portal de știri pentru a vă începe ușor.

15. HTML KickStart

HTML KickStart este o platformă HTML, CSS și Javascript ultra-ușoară pentru o dezvoltare web extrem de rapidă. HTML KickStart a fost dezvoltat pe baza Twitter Bootstrap cu suportul icoanelor Font Awesome. Cu meniul său gata, lista, tabelele, butoanele, sistemul de grilă și multe elemente uimitoare, veți salva procesul de creare a proiectului web până la 10 ore sau chiar mai mult.

16. Grilă simplă

Grilă simplă este un sistem de rețea foarte ușor, receptiv. Nu este ca și alte cadre care au acel buton, meniu, masă, etc, Simple Grid oferă doar o grilă pură. Caracteristica rețelei se bazează pe o dimensiune a ecranului de 1140 px cu 12 coloane pe care le puteți personaliza pentru a obține cel mai bun aspect.

17. Fundația

Fundația este cel mai probabil cel mai dificil rival pentru Twitter Bootstrap. Acesta este un cadru foarte bine documentat, stabil, flexibil și open-end. Dispune de multe instrumente utile pentru crearea mai rapidă a unui proiect web mobil rapid și receptiv. Acesta suportă aproape tot browserul disponibil astăzi, cu excepția IE7. Deși mulți dezvoltatori utilizează cea mai mare parte Fundația pentru HTML și CSS, dar aveți opțiunea să o portați cu Sass și Rails .

18. UI material

Materialul UI este un alt cadru care implementează specificația Material Design . Singurul lucru care o diferențiază de Materialalize este construit de dragostea bibliotecii React Javascript de pe Facebook. Are multe componente UI frumoase pe care le puteți utiliza liber pe pagina dvs. web.

19. Pardoseala

TopCoat este un cadru robust de tip front-end, realizat de echipa Adobe pentru dezvoltarea aplicațiilor web proiectate cu viteză în minte. Fiecare detaliu din TopCoat este optimizat pentru prioritatea de performanță. De asemenea, vă oferă o temă personalizată, un font open source și, de asemenea, PSI UI Kit care se poate utiliza împreună cu proiectul dvs.

20. Cerneală

Cerneala este un framework front-end care este dezvoltat pentru dezvoltarea UI mai rapidă folosind HTML, CSS și Javascript, la fel ca și Bootstrap. Puteți crea ușor aspectul modern cu unele elemente de interfață reutilizabile, cum ar fi tabelul, filele, selectorul de date, modal, lista de produse, vizualizarea arborescentă, galeria, validatorul formularului și multe altele. De asemenea, vă permite să aveți manipularea DOM, facilități de comunicare și efecte de pagină fanteziste cu motorul său JS Core.

21. Onsen UI

Onsen UI este un cadru hibrid care funcționează bine cu PhoneGap și Cordova. Cu AngularJS, jQuery, Font Awesome și TopCoat ca fundație, Onsen UI poate fi un instrument promițător pentru dezvoltarea de aplicații mobile uimitoare. Onsen UI vă poate ajuta să creați ușor aplicații mobile utilizând conceptul de Web Components.

Care este alternativa dvs. preferată Bootstrap? Spuneți-ne în comentariile de mai jos.

Top