Notes de l’éditeur : Notes des utilisateurs :[Total : 0 Moyenne : 0] @media(min-width : 500px) { } @media(min-width : 800px) { }
Float UI vise à être un portail en ligne où vous pouvez trouver des composants de site Web open source et des exemples de modèles que vous pouvez télécharger et utiliser sur vos propres sites Web. Vous pouvez également utiliser ces composants dans des applications Web et des projets personnels. Les composants sont pour la plupart dans Tailwind et sont très modernes et professionnels. Vous pouvez simplement trouver le composant que vous aimez, copier son code, puis vous êtes libre de l’utiliser où vous voulez.
Pour les développeurs d’interface utilisateur et de front-end, c’est un joyau de site Web. Des formulaires au tableau des prix, en passant par les curseurs et les commutateurs, vous pouvez trouver presque tout. Il existe également des modèles de sites Web complets que vous pouvez télécharger gratuitement et utiliser leur code ou même les personnaliser. Cependant, pour l’instant, il n’a qu’une poignée de modèles de sites Web. Mais je suis sûr qu’ils envisageront d’autres modèles à l’avenir.
Bien que nous ayons déjà couvert des sites Web pour essayer Tailwind et télécharger des composants Tailwind, celui-ci a l’air plutôt rafraîchissant. En outre, il est bon d’avoir plusieurs ressources gratuites pour rapidement utiliser des composants utiles et copier le code correspondant.
Recherchez des composants et des modèles de site Web Open Source sur ce site : Float UI
Float UI est un site Web simple et utile. Vous pouvez simplement aller sur sa page d’accueil puis commencer à utiliser git immédiatement. Il n’y a même pas d’inscription ou d’inscription requise. Sur la page d’accueil principale, il vous permet de choisir si vous souhaitez explorer les conceptions de composants. Ou, vous pouvez également jeter un œil aux modèles de site qu’il propose.
Si vous souhaitez obtenir rapidement un composant, rendez-vous dans la section composants. Vous trouverez ici de nombreux composants que vous pouvez copier et télécharger. Vous pouvez rechercher ce que vous voulez et si ce composant est disponible, il vous le montrera. Pour l’instant, vous pouvez trouver ici les types de composants suivants.
Bannières CTA Équipe Sections Pieds de page Contactez-nous Page Tableau des prix Témoignage Section Cartes Modaux Barres de navigation Authentification/Connexion Formulaire Avatars
Tous les composants sont affichés avec leur aperçu. Si vous avez aimé un composant, cliquez simplement dessus pour voir plus de détails à ce sujet.
Lorsque vous avez enfin trouvé le composant que vous souhaitez utiliser, vous pouvez simplement passer à la section de code, puis analyser il. Enfin, copiez simplement le code, puis utilisez-le où vous le souhaitez. C’est aussi simple que cela.
De cette façon, vous pouvez facilement trouver et utiliser des composants d’interface utilisateur modernes dans Tailwind sur ce site Web. Tout est entièrement gratuit et il vous suffit de rechercher ce que vous voulez, puis de l’exporter. J’ai mentionné ici les composants Tailwind, mais de la même manière, vous pouvez également exporter les modèles de site Web.
Fermeture :
Cette bibliothèque d’interface utilisateur open source, bien qu’elle soit à un tel niveau le jeune âge, c’est vraiment impressionnant ! J’ai aimé le fait que dans chaque catégorie, il comprend plus d’un composant, vous avez donc plusieurs options. J’ai aimé l’aspect et la convivialité des composants Tailwind gratuits qu’ils distribuent. Alors, allez-y et essayez-le si vous aimez la conception d’interface utilisateur et partagez avec nous ce que vous en pensez.
