No video

Flowbite Crash Course in 20 mins | Introduction to UI components using Tailwind CSS

  Рет қаралды 169,788

Flowbite

Flowbite

Күн бұрын

Пікірлер: 117
@MarkErol_Manansala
@MarkErol_Manansala 4 ай бұрын
I just want to give a thanks all of those person who created this. :) THANK YOU
@deliciascaseiras1796
@deliciascaseiras1796 Жыл бұрын
THANK YOU MY BROTHER FROM ANOTHER COUNTRY AND ANOTHER FAMILY!!!
@futuregootecks
@futuregootecks Жыл бұрын
Holy moly, I was fumbling around with Flowbite and Pelican all day today and would have saved so much time had I watched this video first!
@bintangananda7657
@bintangananda7657 Жыл бұрын
HOLYY SHIITTT I LOVE YOU ❤❤❤ I'VE BEEN SEARCHING AROUND THE INTERNET FOR 5 HOURS AND THEN NOW IT'S OVER FINALLY I LOVE YOU MAAN
@partialcoder6386
@partialcoder6386 Жыл бұрын
a new subscriber and BIG FAN OF FLOWBITE😄😄😄
@asdfasdfasdfasdf8037
@asdfasdfasdfasdf8037 2 жыл бұрын
congratulations to this guy, he explains very well
@robbyevans1101
@robbyevans1101 Жыл бұрын
I used to get a headache writing code for all the components of my application. till today. your awesome
@ashimov1970
@ashimov1970 Жыл бұрын
Happy to discover this project. Really appreciate your great job.
@ctw-home
@ctw-home 2 жыл бұрын
Loving the project so far!
@RazorShultzor
@RazorShultzor Жыл бұрын
This video really helped me understand how to start using a tailwind component library. Awesome
@yomajo
@yomajo 10 ай бұрын
I don't get it. If we go to flowbite docs and copy everything, and undelying is the tailwind css classes that are in action. what flowbite dependency doing?
@hartabarta
@hartabarta Жыл бұрын
Waiting to see additional HowTo videos, especially how to apply our branding on the existing Flowbite UI library in Figma
@flowbite
@flowbite Жыл бұрын
We have big plans for 2023 to post more videos!
@lasindunuwanga5292
@lasindunuwanga5292 8 ай бұрын
If you are new, don't give up at the beginning of the video. Wait till the end. You will actually see how this can make your developer's life easier. You will still have the ability to customize whatever you want.
@raeesmohit01
@raeesmohit01 Жыл бұрын
BROTHER, YOU ARE THE BEST!!! You oooh really helped me!! THANK YO
@andreaskarz
@andreaskarz Жыл бұрын
Amazing, I will check it out this weekend....
@ControlTheGuh
@ControlTheGuh 6 ай бұрын
This is amazing. Glad i found it. Just getting started with svelte
@kenkioqqo
@kenkioqqo Жыл бұрын
This is great, though I feel it would be very helpful for you to share many more quick video tips and tricks to help those who prefer learning by watching tutorials (And occasionally reading the docs) regularly. For example, I'm finding the documentation on how to set up Flowbite in a Dango project a bit difficult to understand. Perhaps you could publish videos showing exactly how to set up Flowbite in different popular Frameworks and Libraries. I think this would come in handy for beginners. There aren't many tutorials by any KZfaqr on Flowbite and the only ones available are JavaScript-related (other languages like Python are not covered)
@RoshanChaurasia-fn3bo
@RoshanChaurasia-fn3bo 13 күн бұрын
Flowbite is my new Love
@mazkdevf
@mazkdevf 2 жыл бұрын
😳 Nice Video!
@JoeyXie
@JoeyXie 8 ай бұрын
Thanks, very helpful, can't wait to writing my own project
@guhkunpatata3150
@guhkunpatata3150 Жыл бұрын
GREAT EXPLANATION!
@shahbazrana7892
@shahbazrana7892 11 ай бұрын
Bro its a mind blowing tool why you don't getting subscribers on this type of content?
@johntrav6191
@johntrav6191 11 ай бұрын
some UI components like accordion, dropdown, modals don't work when we try to visit another page. to make it work we have to refresh the page.
@GregP22
@GregP22 10 ай бұрын
Hi, i followed everything by letters, but my dark/light mode goes only when i set my browser on light mode. If it's on the settings of my mac or in dark mode, after i click the button it stay in dark mode, suggest?
@aydnbilgin1627
@aydnbilgin1627 Жыл бұрын
Nice tutorial. I have been having content issues with my hmdi connected speaker and subwoofer. No soft is coming through, still coming out of
@imadeekosatriawiguna6252
@imadeekosatriawiguna6252 Жыл бұрын
awesome 👍😯 it's make using tailwind like bootstrap. Thanks for your hard work
@KylePrinsloo
@KylePrinsloo Жыл бұрын
Came from EnhanceUI - buying now 👍
@abdullahbinrowshan4562
@abdullahbinrowshan4562 Жыл бұрын
i have use the 'class' to tailwind.config.js file and then dark mode is not working/toggles I've watch this introduction video so many time and copy past those code as well still it's not working but if i use 'media' to the tailwind.config.js file and my device in light mode it works if you have any suggestions left a reply
@JimmyC0
@JimmyC0 Жыл бұрын
how do you turn between cursor and pen that simple? what program do you use and do you use a drawing tablet for it?
@themarksmith
@themarksmith Жыл бұрын
Excellent video - thank you!
@ItsEverythingElse
@ItsEverythingElse Ай бұрын
Regarding the navbar component: the styles for the links in the middle are hard-coded to bold the first one but that stays bolded if you change pages via the links. So why doesn't the default code handle that?
@bikinitony
@bikinitony Жыл бұрын
why is it that when i apply a custom style (exemple text-white instead of default text-gray) i always get a weird behaviour where some kind of remote script overwrites my default? I've seen your custom color customisation section and it doesn't work for me. I am trying on an accordeon component from your website, I cannot simply change the text color of the component to fit my page style. How do you go around this? thanks
@bikinitony
@bikinitony Жыл бұрын
Update: after tinkering around i figured i could go reach the tailwind flowbite script through the flowbite script url, put it locally in my root and edit the default style concerning the text-gray elements on active / inactive classes. all works!
@DeepakVerma-er4cs
@DeepakVerma-er4cs 3 ай бұрын
Thanks for this information ❤
@IsaacDevSpace
@IsaacDevSpace 4 ай бұрын
Nice work!
@forcemnewmedia9473
@forcemnewmedia9473 Жыл бұрын
Thank youuu so much!!!
@iceyyeah
@iceyyeah 4 ай бұрын
This is amazing
@ed5616
@ed5616 Жыл бұрын
if we are currently using tailwind and what to use flow bite is there any constraint for m old code, do I need to refactor it in flowbite? or could I just plug and play flowbite and start using components?
@jairusnouvel4780
@jairusnouvel4780 Жыл бұрын
Brilliant tutorial! more please
@PersianShare
@PersianShare Жыл бұрын
🤯such amazing ready to use
@HoNow222
@HoNow222 10 ай бұрын
Great that it's also for Angular
@princesarno2652
@princesarno2652 Жыл бұрын
very talented teacher - cheers
@joseluisUnix
@joseluisUnix Жыл бұрын
What is the software you use to paint on the screen? Thank you!
@1littlemaxy
@1littlemaxy Жыл бұрын
Great job! Keep going
@feddu
@feddu Жыл бұрын
Great video! Love Flowbite so far. Does anyone know if there's a way to animate/transition accordions on show/hide?
@mdkawsarislamyeasin4040
@mdkawsarislamyeasin4040 Жыл бұрын
Flowbit is Great I usually use flow it and Meraki UI for tailwind CSS projects.
@flowbite
@flowbite Жыл бұрын
Glad that you find it useful!
@mdkawsarislamyeasin4040
@mdkawsarislamyeasin4040 Жыл бұрын
@@flowbite But your website should be updated. If this page becomes a single-page application that would be a better choice.
@rachetsubsan8161
@rachetsubsan8161 Жыл бұрын
Nice tutorial
@madner201
@madner201 5 ай бұрын
Flowbite looks fun
@om7reid334
@om7reid334 Жыл бұрын
Nice tutorial Micheal ,is it absolutely necessary to have knowledge of soft to use tNice tutorials software?
@saubhagyalive3061
@saubhagyalive3061 Жыл бұрын
Is carousel with text available on flowbite coz I want to use text over my image in the carousel slider but couldn't find it on flowbite.
@VindexTOS
@VindexTOS Жыл бұрын
whats the point of installing it if i have to copy paste pre made code anyways ?
@user-lr4mv4vt6h
@user-lr4mv4vt6h 2 күн бұрын
I bought the pro version, but I can't copy components from figma to create my unique design. Why !?
@indigoram89
@indigoram89 11 ай бұрын
Cool! What is the app you painting?
@zuzukouzina-original
@zuzukouzina-original 7 ай бұрын
So many classes just to create a button 😮 The amount of classes is overwhelming. Thnx for the video but I’ll skip Flowbite.
@zuzukouzina-original
@zuzukouzina-original 6 ай бұрын
I’m sorry for my bad reaction, I really start to like Flowbite. I’ll use Flowbite for my Sveltekit projects.
@nsjames_
@nsjames_ Жыл бұрын
Hey, what are you using to make this video?
@johnmukendi7650
@johnmukendi7650 Жыл бұрын
I'm using the trial version of soft to learn the basics. How do I make a cool keyboard lody that isn't just a basic softing soft?
@mayikx
@mayikx Жыл бұрын
Are you using the last version of talwindcss?
@tstarfish8829
@tstarfish8829 Жыл бұрын
Nice, but I see a lot of components use "id" in a template, so it is not possible to use them multiple times without refactoring, e.j. dropdown.
@sikkidesigns
@sikkidesigns Жыл бұрын
good job man
@MayurKamble582
@MayurKamble582 Жыл бұрын
HELP ME plz dark mode script is not working , it always says "Cannot read properties of null (reading 'classList')"
@regilearn2138
@regilearn2138 Жыл бұрын
hi ,can someone tell me how to use drawer components with react,bcz its in javascript,how can we use with react
@leykhins
@leykhins Жыл бұрын
I've never been able to get this to work with Nuxt... any pointers?
@sifatniloy3783
@sifatniloy3783 Жыл бұрын
thank you.
@smartlifecrew5095
@smartlifecrew5095 6 ай бұрын
Gd overview 🙋👍👏
@ABDUSSALAM-om9mv
@ABDUSSALAM-om9mv Ай бұрын
great..
@iganic7574
@iganic7574 3 ай бұрын
How to use flowbite charts with react?
@mugerwaobadiah1621
@mugerwaobadiah1621 Жыл бұрын
is it possible to have an offline documentation , thanks a lot
@zendaibills
@zendaibills Жыл бұрын
how to change if I want red theme instead of blue ?
@arrozyadifalaqi9292
@arrozyadifalaqi9292 Жыл бұрын
Ima get the 0 dollar one is it rlly good or nah?
@yantaosong
@yantaosong Жыл бұрын
change 'class' to 'className' in React everytime ?
@user-zf9zv1ll7x
@user-zf9zv1ll7x 11 ай бұрын
Great library! What I don't understand is how to generate the code of the components from Figma. Let's say you download the Figma design system and use different components to create a prototype. How do you get from there to creating code?
@Musman435
@Musman435 11 ай бұрын
how we can use drawer in Next JS project?
@boom3k
@boom3k Жыл бұрын
What annotation tool is he using? I need this! @flowbite
@jayasaikiran1761
@jayasaikiran1761 Жыл бұрын
What about licence is it free to use in Commercial projects with react ?
@flowbite
@flowbite Жыл бұрын
The library is open-source under the MIT license.
@jorgeralvero62
@jorgeralvero62 Жыл бұрын
What it means @flowbite can i use for comercial or cannot? Or maybe need to paid to pro version for use flowbite for Commercial
@ekenennabugwu4732
@ekenennabugwu4732 Жыл бұрын
Am having issues intregrating flowbite on my react project need help
@flowbite
@flowbite Жыл бұрын
Please check out the Flowbite React library guide: github.com/themesberg/flowbite-react
@meermohamad4707
@meermohamad4707 Жыл бұрын
I opened up a new project and deleted the area where you "paint" the soft and I don't know how to make it co back!! Lol
@ahlamridah2918
@ahlamridah2918 Жыл бұрын
Accept my application as a friend. I really liked your video ... Interesting. Very.
@joxmanyou
@joxmanyou Ай бұрын
Hi. In this video, which is already a year old, new educational videos are promised... What is happening?
@fhaaj66
@fhaaj66 Жыл бұрын
The one tNice tutorialng I would like to do (and tNice tutorials will completely convert ) is to copy and paste items from one project to another, it just doesn't
@mauriceagbenyagah8698
@mauriceagbenyagah8698 Жыл бұрын
how to use flowbite-react in react project please
@flowbite
@flowbite Жыл бұрын
Please check out this guide: flowbite.com/docs/getting-started/react/
@RemixlkDJ
@RemixlkDJ Жыл бұрын
I watched tNice tutorials baked af it actually helps if you get into it
@sam74_8
@sam74_8 Жыл бұрын
the best framework in the world, bootstrap lost his place
@NeverCodeAlone
@NeverCodeAlone Ай бұрын
Perfect video, thx a lot. I will do german stuff with this in future. Feel free to get in touch vith me if you wanne a join a remote session. Would be fun.
@jit-r5b
@jit-r5b Жыл бұрын
Wow
@ArshAudioBooks
@ArshAudioBooks 4 ай бұрын
but it's not free anymore,figma is paid so are many components.
@soran2290
@soran2290 Жыл бұрын
Black friday discount ?
@flowbite
@flowbite Жыл бұрын
We won't offer Black Friday discounts with respect to those customers who purchased the pro version for the full price. On the other hand, we will launch a considerably large update free of charge to all pro users instead of a Black Friday deal.
@yashbarman9404
@yashbarman9404 Жыл бұрын
i want react tutorial with it please
@flowbite
@flowbite Жыл бұрын
After we finish wrapping up the new documentation we will follow up with a tutorial on how to use Flowbite React.
@clinicaqorpomarketing505
@clinicaqorpomarketing505 Жыл бұрын
for you
@jiyadpp362
@jiyadpp362 Жыл бұрын
I got the crack
@thefamilyfilms4686
@thefamilyfilms4686 Жыл бұрын
I think now I can learn Coding 😅
@fahdahsayni
@fahdahsayni Жыл бұрын
Installation with laravel 🙂💔
@flowbite
@flowbite Жыл бұрын
Please check out our Flowbite + Laravel installation guide here: flowbite.com/docs/getting-started/laravel/
@muhammadans7071
@muhammadans7071 Жыл бұрын
flowbite is not functional. ilke navbar button is not working on mobile, accordion is not working and many more!!!!
@vukasinandrijas812
@vukasinandrijas812 Жыл бұрын
Well yeh besides that but i nver need to anyway
@christianthomsen6438
@christianthomsen6438 Жыл бұрын
DaHDaH
@shanenicolemaebuenafe9062
@shanenicolemaebuenafe9062 Жыл бұрын
When I fill in steps of GMS the in channel rack instead of giving a soft like 'brrrrrrrrrrrrrrrrr' instead of 'br br br br'
@seancharles1595
@seancharles1595 4 ай бұрын
Sorry, for me the over-use of the blue arrows etc killed this video, it's a CSS demo not an NFL slomo replay. I will stick to text tutes then. Looks good though.
@nmdpa3
@nmdpa3 Жыл бұрын
Would be nice to see a dedicated tutorial on using Flowbite with next.js. While It's clear how to install Flowbite for use with next.js and how to use flowbite-react components...its not clear how to take advantage of Flowbite Blocks with next.js. Almost pulled the trigger and purchased a subscription, but that lack of clarity on that part kept me from subscribing. Thanks.
@ismendoza
@ismendoza Жыл бұрын
Navbar doesn't work on nextjs 13
@Ffx_2.0p
@Ffx_2.0p Жыл бұрын
lmaoooo
@se7en2021
@se7en2021 Жыл бұрын
The whole thing is buggy af fix this crap asap
@dalu_
@dalu_ Жыл бұрын
Tailwind sucks. I hate it. Terrible documentation. More complicated than just using css. Why have it easy when you can have it super complicated like with Tailwind...
@Jbuckkz
@Jbuckkz Жыл бұрын
I thought the same thing until I spent a few weeks really getting into tailwind. it's a huge value add after you get familiar with the framework. every day before the ah ha moment I was hating it though so I feel you.
@VindexTOS
@VindexTOS Жыл бұрын
tailwind is much better than css and they have best documentation out there tf u talking about ?
UI Libraries Are Dying, Here's Why
13:28
Theo - t3․gg
Рет қаралды 302 М.
Они так быстро убрались!
01:00
Аришнев
Рет қаралды 3,2 МЛН
🩷🩵VS👿
00:38
ISSEI / いっせい
Рет қаралды 22 МЛН
Reacting to 21 Design Portfolios in 22 Minutes
22:41
Flux Academy
Рет қаралды 563 М.
I WISH I Knew These Tailwind Tips Earlier
9:15
Theo - t3․gg
Рет қаралды 182 М.
I Tried Every Svelte UI Library
20:57
Joy of Code
Рет қаралды 46 М.
10 Tailwind Classes I Wish I Knew Earlier
13:31
Web Dev Simplified
Рет қаралды 178 М.
Why you should use Component Libraries
11:00
James Perkins
Рет қаралды 21 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 134 М.
This UI component library is mind-blowing
8:23
Beyond Fireship
Рет қаралды 651 М.
Translating a Custom Design System to Tailwind CSS
10:10
Tailwind Labs
Рет қаралды 119 М.
Why I Pick ShadCN and Tailwind for all my projects
18:53
developedbyed
Рет қаралды 63 М.