Did you know? ✨ You can create an animated... toggle switch in Tailwind CSS using ":checked" pseudo property. View Code 👇 (9/30) follow for 21 more tips 🔔show more

Tailwind CSS Tip ✨ You can create a pure... css carousel in Tailwind CSS using scroll snap. Live demo ↓ (21/30) follow for 9 more tips 🔔show more

Tailwind CSS Tip ✨ You can create a floating... input form with Tailwind CSS using ":placeholder-shown" pseudo class. Live Demo & Code 👇 (8/30) follow for 22 more tips 🔔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

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

created this animated vestaboard, made using Next.js and Tailwind CSS

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

made only using css. no js listener used. took... me longer than i thought it would. for hover state im doing `:has(*:is(.sidebar-icon-trigger:hover` so much you can do in css using pseudo classes. invest in css.show more

if you need some free and open source tailwind... css blocks, you can use You'll find free Tailwind CSS & shadcn blocks Enjoy.show more

💡CSS techniques: "The Backlight" Using a blur filter you... can create an elegant backlight (or a "smart shadow") effect for your images. In a pseudo-element: 1⃣ `inherit` a background 2️⃣ blur it 3⃣ put it behind the main element using z-index Here's how it works:show 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

Skewed infinite carousel w/ vignette effect ✨ Built entirely... with Tailwind CSS – zero JavaScript required. Live demo & code 👇show more

Did you know? 👀 You can create a sailboat... in Crimson Desert using the Eastern Witch’s Fan + a shipwreck.show more

Tailwind Tweak #6 Learn how to do custom form... validation with Tailwind CSS, no JavaScript required. 🪄 Code: Don't forget to follow for daily tweaks!🫶🏻show more

Create sidebar using HTML and CSS 🚀 Code in... the comments 👨‍💻show more

Create these burgers using HTML and CSS 🚀 Code... in the comments 👨‍💻show more

Where Winds Meet is an enormous game. Here are... some very useful tips to improve your experience. 1) frustrated that you can't walk around in the game? you can toggle between running and walking. On PS, press LT + Left stick to toggle between walk and run More 👇🧵show more

✨ Introducing Magic UI 🪄 A UI library of... animated components to build beautiful landing pages. Built using React, Tailwind CSS and Framer motion. 100% Free and Open Source.show more

Investing in Dubai: When you buy enough property they... give you some free boots*. Follow me for more money saving tips. *one size fits mostshow more

Create responsive footer using just HTML and CSS 🚀... Code in the comments 🧑‍💻show more

Create this sidebar using HTML, CSS and JavaScript 🚀... Code in the comments 👨‍💻show more