Build buttons in tailwindcss, EP - 1 | Learn Tailwindcss

preview_player
Показать описание
Hey guys, in this one we take a look at how to implement 3 different kinds of buttons in tailwindcss.
Hope you enjoy this!

Timestamps -

0:00 - Intro
0:35 - Basic setup
0:55 - Filled button
2:58 - Outline button
4:10 - Fixing the filled button
4:43 - Icon button
6:45 - Outro
  1. Manan Gouhari
Рекомендации по теме
Build buttons in 0:07:09

Build buttons in tailwindcss, EP - 1 | Learn Tailwindcss

Build a button 0:05:42

Build a button group in tailwindcss, EP - 2 | Learn tailwindcss

Creating Animated TailwindCSS 0:06:51

Creating Animated TailwindCSS Buttons

Build a TailwindCSS 0:05:33

Build a TailwindCSS input with icon

How to make 0:03:22

How to make a table design with tailwind css | tailwind css tutorial

Building Accessible Switch/Toggle 0:07:26

Building Accessible Switch/Toggle Buttons with Headless UI React and Tailwind CSS

05: Composing Utilities 0:10:01

05: Composing Utilities with @apply – Tailwind CSS v2.0: From Zero to Production

How to build 0:01:57

How to build an expandable search bar with tailwindcss only

Instagram Navigation Buttons 0:04:30

Instagram Navigation Buttons | Next js And Tailwind CSS Episode 08

Create A Tailwind 0:18:16

Create A Tailwind CSS Project w/ Rails 7, Stimulus

Focus Ring Utilities 0:05:49

Focus Ring Utilities – What's new in Tailwind CSS

Building a Custom 0:14:07

Building a Custom Dropdown Menu with Headless UI React and Tailwind CSS

Tailwind CSS Tutorial 0:11:16

Tailwind CSS Tutorial #5 - Tailwind Config

Master Tailwind CSS 3:47:25

Master Tailwind CSS By Building 3 Projects | Tailwind CSS Complete Course | #huxnwebdev

Build admin panel 1:05:46

Build admin panel template from scratch | Next js And Tailwind CSS Episode 01

Custom Dropdown - 0:09:15

Custom Dropdown - Tailwind Component #14

Building a command 0:38:00

Building a command palette with Tailwind CSS, React, and Headless UI

Create Custom Modal 0:15:24

Create Custom Modal in React with Tailwind CSS | Modal in NextJS with Tailwind

Transform, Translate, Scale, 0:03:23

Transform, Translate, Scale, and Rotate – What's new in Tailwind CSS

Tailwind css navbar 0:25:28

Tailwind css navbar dropdown

Tailwind Elements tutorial 0:17:42

Tailwind Elements tutorial - Tailwind CSS components library

Designing with Tailwind 0:08:26

Designing with Tailwind CSS: Toggling the Navbar Links on Mobile

Pricing Table with 0:37:57

Pricing Table with Tailwind CSS

Build a Svelte 0:19:44

Build a Svelte Popup/Overlay Component using Tailwind CSS in 15 Minutes

Комментарии
Автор

Yoo, just started out learning basic Tailwind, great vids Manan!

jakubpodskalsky
Автор

Nice video dude 🔥🔥🔥 Tailwind looks
And Congratulations on crossing 200+ (sorry I just noticed 🙈). Cant wait for the next videoooo👻🔥

fabrizvi
Автор

awesome video Manan!!
that looks really easy djsfghjffsh
love the way you explain !! 🔥

docsmin
Автор

I learn something new
Even though I can get this from internet premade but its understandable

navnitkhandait
Автор

Good content, Manan :) I've a suggestion - a good storyline to this series would make it even more interesting. What I mean is if you can show an over arching goal, One way to show that is how these small components make up a website by the end of this series. Good luck!

dineshsenapati
Автор

Amazing dude! Was waiting for it from a long time

dakshkulshreshtha
Автор

Brow 😍 Great Explanation 🎉🔥 Tailwind CSS looks so CLEAAN !!! 👌 I'm devinitely gonna be using this in all my future projects. Thanks a lot for sharing this kind of content. Awaiting for your next video. Please put them out soon, I can't wait to learn it 👊

amaanath
Автор

Great video! I love how you explained it all so well :)

bytesofbec
Автор

Nice tutorial, try to explain how to add the flex properties indepth

prathameshmali
join shbcf.ru