Outils · Création et prototypage

Layouts.dev

Éditeur de type carnet pour construire des interfaces avec Tailwind CSS et shadcn/ui, avec aperçu en direct.

Visiter layouts.dev (nouvelle fenêtre)

Layouts.dev est un éditeur de type carnet de notes pour construire des interfaces web avec Tailwind CSS, un framework de styles très utilisé en développement front-end, et avec la bibliothèque de composants shadcn/ui. Le service est en version bêta.

Au lieu d’écrire le code classique à la main, on rédige une syntaxe simplifiée, présentée comme proche de HTML et de React mais plus lisible, et le résultat s’affiche en direct à chaque frappe. Aucune installation ni mise en ligne n’est nécessaire, et des composants prêts à l’emploi peuvent être ajoutés d’un geste. Le site invite à commencer gratuitement et propose une page de tarifs.

Pour un·e graphiste ou un·e designer qui connaît Tailwind ou qui travaille avec des développeur·ses, il permet de passer plus vite de l’idée à une page fonctionnelle. Son intérêt se limite aux projets qui utilisent Tailwind CSS.

Dans la même rubrique