A 🔥 browser extension every CSS developer must have.... CSS Scan lets you extract the code for any CSS element of all the websites across the internet. Check out CSS Scan and click on the below link to get a 25% discount👇show more

✨ Build Next.js, Tailwind CSS & shadcn websites with... drag and drop. And yes, you can export the code. Link below.show more

Tailwind CSS Tip ✨ You can create some cool... looking loaders and spinners using Tailwind CSS. Thanks to Tailscan for Tailwind CSS for the inspiration. Demo & Code 👇 (14/30) follow for 16 more tips 🔔show more

✨ Build Next.js, Tailwind CSS & shadcn UIs with... a visual editor. Export the code with one click. Link below.show more

I and Jason are currently working on implementing the... CSS `polygon() round` keyword in Chrome. This is one of my favorite CSS features! Thanks to Lea Verou, PhD for bringing it to CSS. The CodePen link is coming soon.show more

Animated modals overview with just HTML and CSS 🚀... Check out the comment for full code 🧑‍💻show more

💡CSS Tip! Create a tooltip that follows an anchor... with modern CSS! No JavaScript is used to control the position of the tooltip or its tail. It's 100% CSS magic!show more

Animated checkboxes coded with pure CSS 🚀 Code for... free on the link in the comments 🧑‍💻show more

💡 CSS Tip! Two circles, one arrow, and CSS... magic. 🪄 A cool demo packed with modern features (anchor positioning, attr(), container queries, shape(), and more!) 🤩 The shape and position of the arrow are fully controlled using CSS.show more

it's finally time... this is css clicker, a fully-featured... incremental game where your goal is to design your own personal website and get as many views on it as possible the fun part? it's a pure-css game, meaning it has zero javascript or server-side code. have fun!show more

A list (with code) of cool framer-motion and Tailwind... CSS components from around the internet ✨ 1️⃣ Tooltip A simple and elegant tooltip component that follows the mouse pointershow more

💡 CSS Tip! Do you know that One-Time password... field? You can create it using only one input and a few lines of CSS. The HTML: <input type="text" maxlength="6"> Code & Demo: You can control the number of characters by adjusting the maxlength attribute.show more

Design Engineering Tip Consider letting textareas grow with the... content instead of introducing nested scrolling. It often creates a smoother writing experience and keeps forms easier to scan. CSS: textarea { field-sizing: content; }show more

📌 Forget breakpoints! Use CSS clamp to size your... text based on the viewport width. Sandbox + details below 👇show more

Many said it would be nearly impossible to recreate... on the web. Well, I did it using CSS filters and a displacement map – works super fast in any browsershow more

Future CSS Tip! 🤞 You could create an image... zoom/crop using the CSS object-view-box property 🔍 img { object-fit: cover; object-view-box: inset( var(--top) var(--right) var(--bottom) var(--left) ); } CodePen.IO link below! 👇show more

wrote a short article on the css perspective property... and how to add depth to interfacesshow more

i'm late to this but CSS Minecraft (by Benjamin... Aster) is the coolest CSS hack i've ever seen and it's not close. what a feat. there's no javascript on this page!!show more

2020: All I need to learn is HTML, CSS,... and JavaScript, some backend, and get a good job. Tech is the future. 2026:show more