Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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 🔔

surjithctly's profile picture

Surjith S M ✪

10,205 subscribers

140,240 Aufrufe • vor 3 Jahren •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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 🔔
0:12

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 🔔

Surjith S M ✪

203,378 Aufrufe • vor 3 Jahren

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 🔔
0:17

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 🔔

Surjith S M ✪

173,101 Aufrufe • vor 3 Jahren

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 🔔
0:13

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 🔔

Surjith S M ✪

57,991 Aufrufe • vor 3 Jahren

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

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

Duncan

54,208 Aufrufe • vor 9 Monaten

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨
0:13

Quick tip everyone using Tailwind CSS You can easily create your brand's color palette with Pro tip: hit space to cycle through colors ✨

Faizur Rehman

21,301 Aufrufe • vor 2 Jahren

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!🫶🏻
0:12

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!🫶🏻

Namya @ Supafast

57,321 Aufrufe • vor 3 Jahren

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

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

Mattia

205,289 Aufrufe • vor 2 Jahren

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.
0:19

Having a blast working on a tool to create wide gamut color palettes for Tailwind CSS v4.

Dan Hollick

44,114 Aufrufe • vor 1 Jahr

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI
0:13

✨ Introducing Mobile A beautiful landing page template for your mobile app Built using Next.js, Tailwind CSS, shadcn and Magic UI

Dillion

75,602 Aufrufe • vor 1 Jahr

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator
0:11

5 Sites Every Web Developer Needs to Know - Learn React by doing projects - Claude code alternative - Full-stack hosting for Python, JavaScript, PHP, Go... - Free Tailwind CSS components – Visual CSS animation generator

Csaba Kissi

24,789 Aufrufe • vor 1 Jahr

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

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

Raul

14,689 Aufrufe • vor 1 Jahr

💡 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.
0:14

💡 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.

CSS by T. Afif

25,205 Aufrufe • vor 1 Jahr

The new Catalyst UI kit by Tailwind CSS is perfect for building SaaS dashboards: ◆ Device-aware dialogs (modal on desktop, drawer on mobile) ◆ Beautiful select menus & tables ◆ a11y-first (keyboard & screen reader friendly) →
0:19

The new Catalyst UI kit by Tailwind CSS is perfect for building SaaS dashboards: ◆ Device-aware dialogs (modal on desktop, drawer on mobile) ◆ Beautiful select menus & tables ◆ a11y-first (keyboard & screen reader friendly) →

Steven Tey

53,463 Aufrufe • vor 2 Jahren

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().
0:11

CSS shape() is now Baseline Newly Available → The shape() function allows you to create responsive, complex paths for layouts and animations using standard CSS units like %, rem, and calc().

Chrome for Developers

24,796 Aufrufe • vor 5 Monaten

Introducing NextUI v2.0! 🎉 Now with Tailwind CSS integration, new components, enhanced customizability, & more. Dive into the features in our latest blog post → ** As always, we would love to hear your thoughts and feedback ❤️
0:18

Introducing NextUI v2.0! 🎉 Now with Tailwind CSS integration, new components, enhanced customizability, & more. Dive into the features in our latest blog post → ** As always, we would love to hear your thoughts and feedback ❤️

HeroUI

151,556 Aufrufe • vor 3 Jahren

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):
0:10

The future of AI in web development? This app generates code and images to convert a screenshot into HTML/Tailwind CSS. I just gave it a screenshot of my X feed, and look what it produced (Notes & link in the comments):

Alvaro Cintas

303,534 Aufrufe • vor 2 Jahren

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.
0:14

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.

Adam Wathan

44,405 Aufrufe • vor 1 Jahr

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 updates
0:13

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 updates

Ibelick

131,343 Aufrufe • vor 2 Jahren