Forget boring manuals — meet VIM Adventures, a true retro quest that teaches VIM commands through gameplay 🎮
Levels, puzzles, and map navigation using the legendary hjkl.
Learn VIM the way it deserves to be learned — with adventure, not frustration! Link: https://vim-adventures.com/
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
Viktor Svertoka·Tech·
✅ 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·
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·