Anbefalet, 2024

Redaktørens Valg

20 bedste front-end rammer for Bootstrap Alternative

Rammer er et brugbart værktøj til udviklere af avanceret udvikling til hurtigere og bedre udvikling. Med rammer kan du opbygge en velstruktureret, vedligeholdelig og opgraderbar hjemmeside . Det hjælper dig også med at spare meget på din tid, fordi der er masser af let tilgængelige elementer, som du kan bruge.

I dag er antallet af rammer blevet stærkt forøget, og som du måske ved, er Bootstrap fra Twitter på toppen. For at hjælpe dig med at vælge den mest hensigtsmæssige ramme til brug, har vi listet 21 + bedste rammer til rådighed for Bootstrap-alternativet i dag . De tilbyder unikke og retfærdige funktioner, der adskiller sig fra hinanden. Bestilling!

1. Ren

Hvis du planlægger at oprette en webapp, der virker både på desktop og mobil, bør du overveje at bruge Pure fra Yahoo. Ren har meget bedre ydeevne, når det kommer til mobile enheder end Bootstrap. Som navnet antyder, kommer Pure kun som en ren CSS-ramme. Bygg oven på Normalize.css, Pure har en ekstrem lille filstørrelse med kun 4, 5KB (minificeret og gzip) .

2. UI-sæt

UIkit er en fri, letvægts og modulær front-end ramme. Udviklet med mindre har UIkit en velstruktureret, udvidelig og vedligeholdelig kode. Det tilbyder også et gittersystem, som er lydhør, væske og nestbar. Med UIkit kan du opbygge navigation, knapper, modaler, dropdown og mere responsivt. Dens omfattende dokumentation gør det lettere for dig at komme i gang med UIkit.

3. MontageJS

MontageJS er en gratis open source front-end ramme specialiseret til at skabe moderne Single Page Applications (SPA) . Ved at udnytte grundlaget for mange dokumenterede rammeprogrammer, vil Montage forenkle din udviklingsproces, mens de ekspressive HTML-koder stadig kan vedligeholdes. Med MontageJS kan du synkronisere DOM-opdateringerne til glattere brugeroplevelser, opbygge og udvide UI-komponenter, der kan genbruges og mere.

4. Grundarbejde

Groundwork er et letvægts, fleksibelt og responsivt front-end ramme skabt og vedligeholdt af Gary Hepting . Bygget oven på Sass og Compass, tilbyder Groundwork et stort gittersystem, der er fleksibelt, flydende og nestbart . Med sit gittersystem kan du opbygge enhver layouttype af layout, der passer til enhver skærmstørrelse.

5. Gumby

Gumby er en fleksibel og lydhør ramme bygget med Sass's kraft til hurtigere webudvikling. Dens customizer giver dig mulighed for nemt at tilpasse og tilpasse hele UI kit design for at opfylde dine bedste præferencer. Gumby har flere typer gitter med forskellige kolonnevariationer, men Gumby leveres som standard med 960 gittersystem.

6. HTML5 Boilerplate

Ligesom sit navn, HTML5 Boilerplate giver dig HTML5 klar skabelon, der er optimeret til at opfylde den mest standard af HTML nye funktioner. Ved at bruge denne skabelon kan du oprette et hurtigt, robust og lydhurtigt websted, der kan tilpasse sig enhver form for browser, selv de gamle som Internet Explorer.

7. Skelet

Skelet er en letvægts CSS ramme, der bruger et 12-kolonne gitter system. I modsætning til Bootstrap eller Foundation giver Skeleton dig nogle grundlæggende elementer, som kun knapper, lister, tabeller, formularer, der skulle starte din udviklingsproces.

8. Bootflat

Bootflat er en open source CSS ramme, der er bygget med den kraftfulde Bootstrap 3. Bootflat er designet til at skabe et fantastisk fladt webdesign med hurtigere, nemmere og mindre repeterende måde . Derfor er dens UI Kit leveres med smukke PSD brugergrænseflade pakke, som du kan bruge på dit websted, iOS eller Android projekt.

9. Inuit

Inuit.css er en anden stor CSS famework, der fokuserer på Mobile First tilgang og efterlader alt design til dig. Mens mange andre rammer kommer med deres eget indbyggede design CSS, gør Inuit.css det dog ikke. Inuit.css arbejder i OOCSS (Object Oriented CSS) måde, som er en hurtig, skalerbar og vedligeholdelig metode til at skrive genbrugelige CSS.

10. 960 Gitter System

960 Grid System er en front-end ramme, der kan strømline din web-udviklings arbejdsgang baseret på en 960px bred container. Beholderen kan derefter skives op i 12, 16 eller endog 24 kolonner for lettere at lægge indhold.

11. Materialisere

Bygget ud fra Googles Material Design-principper, har Materialize kommet som en moderne responsiv front-end-ramme. Denne ramme er meget velegnet til dem, der ønsker at implementere Material Design udseende og følelse på deres hjemmeside uden kompleksitet. Det har kortdesign, rippel effekt animation, Sass mixin, trække mobil menu og mange flere.

12. Jeet

Jeet er et hurtigt, fleksibelt og mest avanceret net system til rådighed i dag. Jeet hjælper dig med at opbygge grids på fluen på en meget intuitiv, ren måde. Det understøtter næsten alle moderne og gamle browsere.

13. Susy

Susy er et automatiseret net system, der kan hjælpe dig med at opbygge weblayout i enhver form for kolonne, du vil have. Det giver dig frihed og fleksibilitet til at bygge design efter eget valg. Det er i stand til at håndtere, om dit design har 5, 12, 24, 48 eller ulige kolonner.

14. Metro UI

Metro UI er en 12-grid baseret ramme, der er inspireret af Windows 8 Metro stil interface. Det er meget nemt at bruge og har stil med en flok fælles komponenter som knap, flise, menu, date picker og meget mere. Der er også en nyhedsportalskabelon, der nemt kan komme i gang.

15. HTML KickStart

HTML KickStart er en ultra-slank HTML, CSS og Javascript boilerplate til ekstremt hurtigere webudvikling. HTML KickStart blev udviklet baseret på Twitter Bootstrap med ikonstøtten fra Font Awesome. Med sin klare menu, liste, tabeller, knapper, gittersystem og mange fantastiske elementer gemmer du processen med dit webprojektoprettelse op til 10 timer eller mere.

16. Simple Grid

Simple Grid er et meget let, lydhurt system. Det er ikke som andre rammer, der har den fancy knap, menu, bord osv., Simple Grid tilbyder kun et rent gitter. Gitterfunktionen er baseret på 1140 px skærmstørrelse med 12 kolonner, som du kan tilpasse for at få dit bedste layout.

17. Stiftelsen

Foundation er sandsynligvis den hårdeste rival for Twitter Bootstrap. Det er meget vel dokumenteret, stabilt, fleksibelt og open source front-end ramme. Det har mange nyttige værktøjer til at skabe et responsivt, mobilt første webprojekt hurtigere. Den understøtter næsten alle de tilgængelige browsere i dag, undtagen IE7. Selvom mange udviklere hovedsagelig kun bruger Foundation for HTML og CSS, men du har mulighed for at sende den med Sass and Rails .

18. Materiale UI

Materiale UI er en anden ramme, der implementerer Material Design specifikation. Det eneste der adskiller det fra materialisere er det bygget af kærlighed til React Javascript-bibliotek fra Facebook. Det har mange smukke UI komponenter, som du kan bruge frit på din webside.

19. Topcoat

TopCoat er en robust front-end ramme lavet af Adobe team for at udvikle web applikation designet med fart i tankerne. Hver eneste detalje i TopCoat er optimeret til ydeevne prioritet. Det tilbyder dig også med brugerdefineret tema, open source skrifttype og også PSD UI Kit til brug med dit projekt.

20. blæk

Blæk er en front-end ramme, der er udviklet til hurtigere UI udvikling ved hjælp af HTML, CSS og Javascript, ligesom Bootstrap gør. Du kan nemt oprette et moderne layout med nogle genbrugelige grænsefladeelementer som tabel, faner, data picker, modal, sorterbar liste, trævisning, galleri, formularvalider og meget mere. Det giver dig også mulighed for at få DOM-manipulation, kommunikationsfaciliteter og fancy sideeffekter med sin JS Core-motor.

21. Onsen UI

Onsen UI er en hybrid ramme, der fungerer godt med PhoneGap og Cordova. Med AngularJS, jQuery, Font Awesome og TopCoat som fundament, kan Onsen UI være et lovende værktøj til at udvikle fantastiske mobilapps. Onsen UI kan hjælpe dig med at opbygge mobile apps nemt ved at bruge konceptet Web Components.

Hvilken er dit foretrukne Bootstrap-alternativ? Lad os vide i kommentarerne nedenfor.

Top