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

Skewed infinite carousel w/ vignette effect ✨ Built entirely... with Tailwind CSS – zero JavaScript required. Live demo & code 👇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

Added a glow feature to my shadcn cards with... tailwind v4, no component duplication, just blendmode and css shananigans ✨show more

I’m loving the new sidebar interaction by Adam Stern... for Dia — had to try recreating it myself with Tailwind CSS and Motion😄show more

How to create a Simple Sushi 🍣 Restaurant Landing... Page. I’ll provide you with the HTML, CSS, and JavaScript code snippets to build it step by step.show more

Despite the Framer hype, we still get tons of... requests for custom Next.js + Tailwind sites. Because most founders and their teams don't want to learn another tool. They want to own their code, not rent it. Just shipped a landing page in Next.js for a SaaS. Their reasoning: - Full control over performance optimization - No vendor lock-in - Developers can maintain it without learning Framer - Custom functionality without workarounds - Better SEO control Sure, Framer is faster to build. But he no-code movement sold everyone on "anyone can build websites now" and forgot that someone still needs to maintain them. What's your take: Custom code for control or no-code for speed?show more

its out! +50 Tailwind CSS buttons ready for use:... free, no js, easy to integrate with a simple copy-paste This will be my evolving collection, I will add new styles and micro-interactions soon. Feel free to star the GitHub repo for updatesshow more

Developers are making $60K+/y but they paid 500$ for... courses. This guide help you to Learn for FREE - CSS - HTML - JavaScript To get it, 1. Like 2. Reply ‘👋🏼’ 3. Follow me (so I can DM)show more

I have clients who need Webflow, Framer, Next.js/Tailwind CSS... services. Last month, I teamed up with Irfan Aziz on a Framer project. I'm looking to collaborate with devs: • Full pay, no cut • No referral fees • Must be a goat at development Share your best website development project links below!show more

🎁 Today’s, #TAPSWAP Cinema Code 🗓️ June, 29 🪂... Go claim 200k coins 👥Don’t Forget to Press the Follow Button For Daily Tapswap Codeshow more

finally got around to updating my site to Next.js... 15 + Tailwind CSS v4. finally added a dark mode which was quite nice with oklch() + v4 theme vars. i made it greenish to complement my warm light mode. also used View Transition API + svg filter for this theme reveal effect.show more

Brought back the ability to copy colors from the... Tailwind docs — regular click will copy the OKLCH value, shift+click will copy the nearest hex value 👍🏻 Useful for Figma and stuff, or to just steal our colors and use them with some other CSS framework you hate less.show more

pov: you have ZERO experience with Shopify and starting... a clothing brand, but u know how to code... I used Shopify's custom code editor w/ Cursor to create this drop page for my NEW clothing brand - only HTML + CSS launching my clothing brand soon lfggg 👀show more

🔥 {webR} is the next R revolution. Instead of... a static quarto report, you can now edit code chunks to tweak the analysis!! 😳 - how to: - result: Next goal: dropdown button that triggers a change. Don't know how to do yet 😔show more

Our team has been really busy working on this,... and I'm thrilled that we're soon going to have an awesome JavaScript solution for our "plain HTML" (non-React/Vue) components in Tailwind Plus! 🌮 We even have all our command palette examples working with it — even tricky ones like this one! 🔥show more

Our new Google AI Professional Certificate from #GrowWithGoogle features... 20+ hands-on labs designed to help you use AI as a partner in your daily work. You’ll learn how to: ✔️ Build project plans and daily workflows ✔️ Vibe code custom AI applications for your job ✔️ Generate custom marketing and creative assets ✔️ Develop data-backed market researchshow more

you can create a CSS only carousel with CSS... `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙` .𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 { 𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢; 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */ } .𝚌𝚊𝚛𝚍 { 𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛; 𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶; } When you scroll, it snaps exactly in the center of the card Super fun to use, easy to implement, no javascript requiredshow more