How to build an animated sidebar with tailwindcss only

Uploaded By: Myvideo

Published on

2 Feb 2022

5 views

0

0 votes

0

About Share Download Add to

An animated sidebar built with tailwindcss and require to enable the “jit“ engine. To go far with the sidebar, you should use JS, the animation in this video is triggered by a temporary state (focus) of the button component. #tailwindcss #ui #sidebar

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/bWE5VnA3RzFMT3RNMjVtdDdnem41Mi9YNnJqUnRxdktXRzQ2aDRoOEQwST0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

CNBC Television Currency crisis deja vu: Contagion watch over Turkey

12 hours ago

00:02:55

CNBC Television Currency crisis deja vu: Contagion watch over Turkey

1 55%

Sony Pictures Entertainment KRAVEN THE HUNTER - Opening 8 Minutes

12 hours ago

00:08:42

Sony Pictures Entertainment KRAVEN THE HUNTER - Opening 8 Minutes

1 73%

pen_pal Эмоциональное звучание - от революционного лета до эмо ревайвла

12 hours ago

01:25:53

pen_pal Эмоциональное звучание - от революционного лета до эмо ревайвла

3 39%

Cold Iron

12 hours ago

00:03:48

Cold Iron

7 30%

First We Feast Demi Moore Celebrates Her Birthday While Eating Spicy Wings | Hot Ones

12 hours ago

00:22:40

First We Feast Demi Moore Celebrates Her Birthday While Eating Spicy Wings | Hot Ones

4 43%

Nike KD12 | Nike

12 hours ago

00:01:07

Nike KD12 | Nike

1 29%

How to buy products from

12 hours ago

00:09:54

How to buy products from

1 55%

CNBC Television Oscar Health CEO Mark Bertolini on using new AI tools in health care

12 hours ago

00:03:49

CNBC Television Oscar Health CEO Mark Bertolini on using new AI tools in health care

1 47%

Kurzgesagt In a Nutshell Do we Need Nuclear Energy to Stop Climate Change

12 hours ago

00:09:02

Kurzgesagt In a Nutshell Do we Need Nuclear Energy to Stop Climate Change

4 36%

How to shot Stop Motion on iPhone | Shot on iPhone

12 hours ago

00:00:41

How to shot Stop Motion on iPhone | Shot on iPhone

8 70%

The Trump administration's detailed plan to resolve the conflict in Ukraine

12 hours ago

00:01:02

The Trump administration's detailed plan to resolve the conflict in Ukraine

2 91%

CNBC Television Former SolarWinds CEO grilled by lawmakers over security breach

12 hours ago

00:02:04

CNBC Television Former SolarWinds CEO grilled by lawmakers over security breach

1 48%

I am selling the Gold Tesla Cybertruck for $20 Bucks

13 hours ago

00:04:53

I am selling the Gold Tesla Cybertruck for $20 Bucks

1 68%

DGB Media Nonchalant Talks About Thomaston, Seddy Hendrinx, First Single + More

13 hours ago

00:14:07

DGB Media Nonchalant Talks About Thomaston, Seddy Hendrinx, First Single + More

3 46%

FAST Metal Additive Trumpf at Formnext 2024!

13 hours ago

00:09:19

FAST Metal Additive Trumpf at Formnext 2024!

1 86%

The best truck add-on on the market | 40% OFF Only for our community!

13 hours ago

00:04:12

The best truck add-on on the market | 40% OFF Only for our community!

3 10%

Обзор тизера Ремейк как приручить дракона

13 hours ago

00:05:51

Обзор тизера Ремейк как приручить дракона

1 73%

Xiaomanyc I Surprised Strangers in Every Language (The Greatest Hits)

13 hours ago

00:51:13

Xiaomanyc I Surprised Strangers in Every Language (The Greatest Hits)

4 48%

Как приручить дракона Dragon Age: Inquisition тг -

13 hours ago

00:00:00

Как приручить дракона Dragon Age: Inquisition тг -

54 78%

Movieclips Young Guns (4/10) Movie CLIP - He's a Spy! (1988) HD

13 hours ago

00:02:53

Movieclips Young Guns (4/10) Movie CLIP - He's a Spy! (1988) HD

2 24%

CASPER Granny v1.9 - Portals in Granny's House & Full gameplay (New Unofficial Update)

13 hours ago

00:17:18

CASPER Granny v1.9 - Portals in Granny's House & Full gameplay (New Unofficial Update)

2 82%

VideoFromSpace Boeing Starliner's undocking and return to Earth explained - Any risks with thrusters

13 hours ago

00:01:49

VideoFromSpace Boeing Starliner's undocking and return to Earth explained - Any risks with thrusters

1 19%

Alan Walker Alan Walker - Club Leclerc (Racers Mix)

13 hours ago

00:02:03

Alan Walker Alan Walker - Club Leclerc (Racers Mix)

1 29%

German Foreign Minister Berbock - in Beijing demanded an end to alliance relations with Russia:

14 hours ago

00:00:52

German Foreign Minister Berbock - in Beijing demanded an end to alliance relations with Russia:

8 44%

0 Comments

Guest