Retrouvez une sélection de 20 Frameworks front-end qui vous permettront de gagner du temps dans la création de vos interfaces web.
J’ai sélectionné pour vous 20 frameworks qui vous aideront à concevoir rapidement des belles interfaces et des sites responsives. Tous les frameworks proposent globalement un ensemble de fonctionnalités similaires. Ils seront un peu plus léger, un peu plus simple ou un peu plus complet. Je vous laisse les essayer pour trouver celui qui vous correspondera le mieux à vos besoins.
N’hésitez pas à ajouter en commentaire vos retours d’expériences sur les frameworks ci-dessous et vos conseils pour les lecteurs. Vous pouvez également consulter notre liste de frameworks indispensables à connaître.
Déposez gratuitement votre projet sur Codeur.com, recevez une quinzaine de devis et sélectionnez le prestataire idéal.
Trouver un prestataire
Les Frameworks Front-end
1) Bootstrap
Bootstrap est sans doute la plus grande référence des frameworks front-end. Qui plus est, il existe de nombreux templates Bootstrap pour créer un site web.
2) Semantic UI
Semantic UI est un autre framework de grande qualité qui brille notamment par sa simplicité.
3) Clank
Ce framework se focalise sur la création d’applications pour mobiles et tablettes.
4) Skeleton
Ce framework est un vrai poids plume avec seulement 400 lignes de code. Skeleton va droit à l’essentiel puisqu’il ne contient que les éléments fondamentaux pour créer un site web.
5) KickStart
Léger et fonctionnel, KickStart inclut tout le nécessaire pour créer un site internet en un temps record.
6) Foundation
Ce framework très avancé permet de créer des sites de grande ampleur et complètement responsive, mais n’est pas le plus accessible.
7) Kube
Kube est un framework front-end riche et complet pour les développeurs professionnels et les designers.
8) UIkit
Ce framework très modulable s’est taillé une vraie réputation, notamment pour créer des interfaces utilisateur avancées.
9) PureCSS
Créé par les développeurs de Yahoo!, Pure est un framework léger idéal pour créer des sites parfaitement responsive.
10) KNACSS
Ce framework français a tout ce qu’il faut pour lancer la création de toute sorte de site internet.
11) GroundworkCSS
Un framework front-end flexible doté d’un système de grilles particulièrement abouti.
12) Cascade
Cascade se distingue de Bootstrap en donnant plus de contrôle au développeur insi qu’en étant compatible avec les anciennes versions des navigateurs web.
13) Jeet
Un système de grille très avancé qui vous aide à créer vos sites plus vite avec moins de code.
14) Milligram
Encore un framework CSS très léger qui se distingue notamment par un système de grille singulier.
15) MontageJS
MontageJS se spécialise dans la construction d’applications sur une seule page, garantissant une expérience utilisateur maximale.
16) Susy
Susy n’est pas un framework à proprement parler, mais plutôt un générateur de grilles « à la demande » qui peut être extrêmement utile.
17) Metro UI CSS
Inspiré de l’interface de Windows 8, ce framework est très simple d’utilisation et personnalisable.
18) Topcoat
Créé par Adobe, Topcoat met la priorité sur la performance tout en étant assez customisable.
19) BlueTrip
Complet et pratique, BlueTrip permet de ne pas perdre de temps et de se consacrer pleinement aud esign de son site.
20) Ink
Ink est un framework front end pensé pour développer plus vite et plus simplement les interfaces utilisateur.
Vous êtes à la recherche de frameworks spécifiques au material design ? Consultez notre liste de ressources pour le material design.
Vous n’avez pas les compétences techniques pour cr »er un site internet ? Trouvez un développeur web freelance sur Codeur.com.
Auteur de l’article original : Fabien Berthoux
Un 18ième, bootstrap. Très performant, dommage de ne pas l'avoir mentionné.
Exact merci, un oubli.
Rajouté
Un système de grille responsive ; une collection d'icônes très complète ; le rendu typographique est visible sur la page d'exemple ; et de nombreuses autres possibilités que je n'ai pas mis en pratique mais qui semble tout aussi facile à utiliser ; bref ma première impression me donne l'envie d'aller plus loin avec KickStart !
Merci pour ce retour Sylvain.
il ya également un petit nouveau agréable
http://html5up.net/
Cordialement
Merci pour le partage ;)
desolé c'est une erreur !
Mention spéciale pour Pure CSS, alternative puissante et surtout légère au très lourd bootstrap.
Il y a aussi materialize ;)
Super article!
Oui il y a maintenant MaterializeCSS qui devrait sortir sa version 1.0 tres prochainement (avec de tres puissants composants javascript). Une version derivee de Twitter Bootstrap incluant le Material Design existe egalement sous le nom de bootstrap-material-design.
Bonne integration!
Mais vous oublier de mentionner materialize qui se rivalise avec bootstrap. Mais materiliaze est plus performent
Merci pour cette présentation des frameworks front-end
Bonjour et merci beaucoup pour cette présentation que je vais conserver précieusement ! Etant complètement largué actuellement par ce qui se fait en webdesign et frameworks, je cherche parmi certain sites à trouver quelle boite à outil (frameworks) ils utilisent. Pour quelqu'un qui s'y connait s'est peut être simple mais pour moi cela devient compliqué. Peut on par exemple déterminer si certaines plateformes de jeux comme 1001jeux.fr ou jeuxjeuxjeux.fr utilisent un framework et lequel ?
Bonjour David,
Vous pouvez utiliser une extension de navigateur telle que Wappalyzer pour identifier les frameworks utilisés par les sites que vous visitez. Cette extension est disponible sur Google Chrome, Mozilla Firefox et Microsoft Edge.
Merci pour la réponse Laura ! Très utile ;)