Headwind is a VS Code extension that automatically sorts Tailwind CSS classes in the correct order, without any manual editing.
With a single run, your class strings become clean and consistent across the entire project. It’s especially useful when multiple developers are working on the same codebase.
Link: Headwind
✅ Material UI — a React component library implementing Google’s Material Design. 🔗 https://mui.com/ ✅ Ant Design — a popular React UI library for enterprise-grade applications. 🔗 https://ant.design/ ✅ React-Bootstrap — one of the most widely used React UI libraries. 🔗 https://react-bootstrap.netlify.app/ ✅ PrimeReact — a rich open-source UI component suite for React. 🔗 https://primereact.org/ ✅ HeroUI — a high-performance, full-featured UI library for React. 🔗 https://www.heroui.com/ ✅ Chakra UI — a modern and accessible React component library. 🔗 https://v2.chakra-ui.com/ ✅ Semantic UI React — official React integration for Semantic UI with 100+ components. 🔗 https://react.semantic-ui.com/ ✅ Grommet — a responsive React UI library focused on accessibility and scalability. 🔗 https://v2.grommet.io/ ✅ Onsen UI — an open-source React UI library optimized for mobile apps. 🔗 https://onsen.io/ ✅ CoreUI — a customizable UI library for building responsive web apps. 🔗 https://coreui.io/react/ ✅ Blueprint UI — an open-source UI toolkit by Palantir Technologies. 🔗 https://blueprintjs.com/ ✅ RSuite — a collection of high-quality React components. 🔗 https://rsuitejs.com/ ✅ Mantine — a complete React UI library with 100+ components and 50+ hooks. 🔗 https://mantine.dev/ ✅ React-Admin — a powerful React UI framework for B2B applications. 🔗 https://marmelab.com/react-admin/ ✅ Radix UI — accessible, unstyled components for building custom design systems. 🔗 https://www.radix-ui.com/ ✅ shadcn/ui — component collection built with Tailwind CSS and Radix UI. 🔗 https://ui.shadcn.com/ ✅ Headless UI — accessible headless UI components for Tailwind CSS. 🔗 https://headlessui.com/ ✅ Park UI — a modern React UI library built on Ark UI and Panda CSS. 🔗 https://park-ui.com/ ✅ Tailwind UI (Plus) — the official UI component library by the Tailwind CSS team. 🔗 https://tailwindcss.com/plus
Viktor Svertoka·Tech
1 Learn Git Branching is an interactive online resource that teaches you how to use Git in a game format. With visualizations and hands-on tasks, you can easily learn the basics of working with Git branches and commands in an engaging format. Link:https://lnkd.in/dTrYuEbw 2 Killercoda is an interactive platform for quickly getting acquainted with the most popular version control tool - Git. It provides practical experience through scenarios and a simulated environment without the need for local installation. Link:https://lnkd.in/dR_qDZwg 3 Git How To is an interactive tour that will introduce you to the basics of Git. The tour is created with the understanding that the best way to learn something is to do it yourself. Link:https://githowto.com/uk 4 Git Immersion is a step-by-step practical course that introduces the fundamental concepts of Git. Built on the principle of "to understand - you need to do", this resource allows you to master the basics of version control systems through real-world examples and exercises. Link:https://lnkd.in/dhpyGFCZ 5 Oh My Git! is an open source game designed to teach the basics of Git in an engaging game format. Perfect for beginners who want to learn Git in an interactive and fun way. Link:https://ohmygit.org/
Viktor Svertoka·Tech·
Did you know that some web framework websites hide Easter eggs in the form of anime-style logos? To see them, simply add this to the URL: 👉 /?uwu=true 📜 A bit of background: An artist known as sawaratsuki1004 created the first logo after a discussion about this idea in the comments. Later, one website adopted it as an alternative to the default logo. Within the next two weeks, other websites joined the trend. The image shows examples from React, Vue, and Angular, and you can try to find even more 😊
Andrew Motko·Tech·