Загрузка видео...

Не удалось загрузить видео

На главную

Having a fun Saturday morning playing with Tailwind CSS v4 Beta 😊 Here are a few cool new things you can do: 🪄 CSS only modals 🎨 Starting style variants 🪟 Perspective transforms

tnylea's profile picture

Tony Lea

7,859 subscribers

52,153 просмотров • 1 год назад •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 10

Фото профиля Manikanta Srivishnu(msv)
Manikanta Srivishnu(msv)1 год назад

@tailwindcss do you make a tailwind course?

Фото профиля Tony Lea
Tony Lea1 год назад

@tailwindcss I don’t, but maybe I will 🤔

Фото профиля Shruti Balasa
Shruti Balasa1 год назад

@tailwindcss Super cool!!

Фото профиля Tony Lea
Tony Lea1 год назад

@tailwindcss Thanks Shruti 🙏 Dig all your stuff as well ☺️

Фото профиля Radek Podrázký 🇨🇿
Radek Podrázký 🇨🇿1 год назад

@tailwindcss Looks awesome. Mind you share the code?

Фото профиля Tony Lea
Tony Lea1 год назад

@tailwindcss Sure thing 😉 threw it up on a repo here:

Фото профиля @iprodan.dev 🦋
@iprodan.dev 🦋1 год назад

@tailwindcss Idk, tailwind is awesome , but everyone who’s using these new css animations for the first time, should do them “manually”, to understand what is what. Cool video though 👍

Фото профиля Morgan Linton (hiring)
Morgan Linton (hiring)1 год назад

@tailwindcss Love it - sooooo clean ✨

Фото профиля psycarlo 🍷⚡️
psycarlo 🍷⚡️1 год назад

@tailwindcss This is quite huge, ngl

Фото профиля Saïd Aitmbarek
Saïd Aitmbarek1 год назад

@tailwindcss really cool modal 3d effect, is that part of the new tailwind anim commands?

Похожие видео

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —
1:08

This week, Gabriel Perales 🤓 and I worked together on a tool for Tailwind CSS users. The tool lets you easily create grids for your Tailwind CSS projects, perfect for generating bento-style grids! It supports Tailwind CSS v3/v4 —

Michael Andreuzza

69,404 просмотров • 1 год назад

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.
0:20

✨ Tailwind CSS v4.0 is here! Huge performance improvements, radically simplified setup experience, CSS-first configuration, modernized P3 color palette, container queries, 3D transforms, expanded gradient APIs, @​starting-style support… …and tons, tons more.

Adam Wathan

507,442 просмотров • 1 год назад

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊
0:24

Tailwind Tip #5 ✨ You can use ":invalid" pseudo class to create a pure css Tailwind CSS form validation without javascript. View code 👇 (5/30) follow for 25 more tips 😊

Surjith S M ✪

169,318 просмотров • 3 лет назад

Released a new Tailwind CSS template today 🫣
0:50

Released a new Tailwind CSS template today 🫣

Adam Wathan

180,259 просмотров • 3 лет назад

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔
0:25

Tailwind CSS Tip ✨ You can create a multi-level dropdown menu using Tailwind CSS without javascript. Live demo / copy code ↓ (15/30) follow for 15 more tips 🔔

Surjith S M ✪

222,578 просмотров • 3 лет назад

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️
0:38

Little whirlwind tour of some theme customization workflows in Tailwind CSS v4 🌪️

Adam Wathan

65,421 просмотров • 2 лет назад

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome
0:59

Tailwind v4 killed the config file 😳 Now, it's just CSS variables. Here's why that's awesome

Ben Holmes

86,978 просмотров • 1 год назад

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.
0:22

✨ Build Next.js, Tailwind CSS & shadcn UIs with a visual builder. And yes, you can export the code. Link below.

Mattia

163,355 просмотров • 2 лет назад

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.
1:15

Introducing HeroUI v3 🔥 A complete rewrite for React. A brand-new library for React Native. 🌐 Web → 75+ components, 21 new 📱 Native → 37+ components, built from scratch 🎨 Styling → Tailwind CSS v4, CSS variables, OKLCH, BEM ⚡ Performance → CSS animations, no JS runtime ♿ Accessibility → React Aria Components 🧩 Architecture → Compound components, headless-ready 🤖 AI → MCP Server, Agent Skills, LLMs.txt 📎 Figma Kit v3 with 1:1 component parity One design system. Beautiful everywhere.

HeroUI

549,301 просмотров • 7 месяцев назад

Because tailwind_compiler is written in Zig I can build an in-browser compiler pretty easily by targeting Wasm. Here is a demo Try for yourself: The full Tailwind CSS v4 tailwind_compiler is a 122kb Wasm asset
0:22

Because tailwind_compiler is written in Zig I can build an in-browser compiler pretty easily by targeting Wasm. Here is a demo Try for yourself: The full Tailwind CSS v4 tailwind_compiler is a 122kb Wasm asset

Brian Cardarella

13,932 просмотров • 6 месяцев назад

Making a ✨stacked✨ avatar list using maskImage. Works against any transparent background!! Using Tailwind CSS v4. Recorded and edited using
1:14

Making a ✨stacked✨ avatar list using maskImage. Works against any transparent background!! Using Tailwind CSS v4. Recorded and edited using

Alfon

39,466 просмотров • 1 год назад

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨
2:19

🔥 Tailwind Tip 🔥 Create a "color background split" effect with CSS Grid. It greatly simplifies the spacing adjustment gymnastics you need to do when using transforms to translate your element across both sections ✨

Simon Vrachliotis

127,870 просмотров • 3 лет назад

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?
0:21

Created this fully "accessible" dropdown using pure Tailwind CSS 🤩 × No javascript × No custom styles Can you guess which CSS property is this?

Surjith S M ✪

169,726 просмотров • 3 лет назад

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣
6:27

Quick demo of JS config file support and plugin support in the latest Tailwind CSS v4 alpha 🫣

Adam Wathan

91,700 просмотров • 2 лет назад

riffin' on forms is fun 3D CSS transforms + SVG filtering with feDisplacementMap 🤙
0:32

riffin' on forms is fun 3D CSS transforms + SVG filtering with feDisplacementMap 🤙

jhey ʕ•ᴥ•ʔ

27,241 просмотров • 1 год назад

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.
0:26

Introducing Nim, the first motion-primitives template. A minimal personal website with an MDX blog and animated components. Built with Next.js 15, React 19, Tailwind CSS v4, and Motion.

Ibelick

27,854 просмотров • 1 год назад

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev
0:28

Titan - a fullstack Next.js 15 template - Auth: Better Auth - ORM: Drizzle ORM - DB: Neon Postgres - UI: shadcn ui & Tailwind CSS v4 check here: titan[dot]rdsx[dot]dev

rds

68,319 просмотров • 1 год назад

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.
0:34

✨ Just published a new Tailwind CSS template! Commit is a beautiful changelog template, built with Next.js, MDX, and a dash of Motion One.

Adam Wathan

192,349 просмотров • 3 лет назад