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/
1️⃣ Flexbox Froggy One of the most popular beginner-friendly games for learning Flexbox. 🔗 https://flexboxfroggy.com/ 2️⃣ Flexbox Defense A tower defense-style game where you use Flexbox to protect the path. 🔗 http://www.flexboxdefense.com/ 3️⃣ Knights of the Flexbox Table A fantasy-themed Flexbox game, perfect for Tailwind lovers. 🔗 https://knightsoftheflexboxtable.com/ 4️⃣ Flexbox Adventure A Flexbox learning game similar to Flexbox Froggy but with a different theme. 🔗 https://codingfantasy.com/games/flexboxadventure 5️⃣ Flexbox Zombies Learn Flexbox through an engaging storyline and immersive design. 🔗 https://flexboxzombies.com/ 6️⃣ Grid Garden One of the best ways to learn CSS Grid by watering carrots using grid layouts. 🔗 https://cssgridgarden.com/ 7️⃣ Grid Attack A CSS Grid-based game where you reshape the land to defeat demons. 🔗 https://codingfantasy.com/games/grid-attack 8️⃣ CSS Diner A fun and popular game for learning CSS selectors. 🔗 https://flukeout.github.io/ 9️⃣ Guess CSS Test your CSS knowledge by guessing the correct selector based on the result. 🔗 https://www.guess-css.app/ 🔟 CSS Speedrun A fast-paced challenge focused on writing precise CSS selectors. 🔗 https://css-speedrun.netlify.app/
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·
✅ 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·