FlowBite - Tailwind CSS components library | Walkthrough

FlowBite is a Tailwind CSS components library and in this video, I'm going to try it out by building a landing page with these components.
Try FlowBite: flowbite.com/d...
👉 Daily Coding Challenges: iCodeThis.com/...
---
Follow me on:
📃 Website/Blog: florin-pop.com
👉 Twitter: / florinpop1705
👉 Linkedin: / florinpop17
👉 Instagram: / florinpop17
👉 Facebook: / florinpop17
👉 Github: github.com/flo...
👉 Dev.to: dev.to/florinp...
👉 Twitch: twitch.com/flo...

[@zoltancodes2]

Thanks for making a video about Flowbite :)

[@celflowers74]

Hi I missed you post very much specially those informative quick app creation using javascript and CSS/HTML. I'm looking forward for your post again as I really learn a lot from it. If by chance you decide on your free time to create an app challenge again please include a dynamic datagrid from database table and file download and upload both apps with progress bar when loading/uploading as most video I saw seldom have that and not explain and coded as you do. Thanks in advance and hope you are in good health. 🙂

[@jafar4965]

hope to be someday where you are now
and beyond this

[@VeereshPatel15]

Please do latast tutorial on JavaScript & reactjs( only concepts) & frontend realtime interview questions and answers series

[@abhishekva449]

Create 10 js pjts in 1 hour challenge, that is amazing work. Thanks in adavance

[@joshuaafekuro]

Trying flowbite react and it’s not working. The components don’t work

[@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.

[@bombrman1994]

feels like flowbite made a bootstrap of their own using tailwind haha

[@derekjrr9597]

tare frate big up

[@JonathanCampDesigner]

Hi Mate, just wondered, have you retired with your income from these projects? No new videos recently? Hope all is ok...

[@tatoElpaisa]

Please!! could you Tell me what plugin or configuration do you use for the alignment of the html classes?

[@myxsys]

The library looks very promising...unfortunately couldn't get it to work with Remix

[@vicyoslinuxofficial2607]

Hi, how is it called when we inject the style config directly in class with parameters (like you did in this video) and how is it called when we create a class git it a name and referer to it directly from a .css file?
Which one is the best practice? Thank you so much. :)

[@Musman435]

how we can use this library drawer in next js project ?

[@John-wx3zn]

Thank you. I got to learn a lot.

[@shashank4152]

how to change default colors i.e blue in react components of flowBite

[@bikinitony]

have you figured it out?

[@sekiro_19]

Carousel component is bugged

[@fikreteliyev2266]

Hello flowbite and vue3 not working :(

[@thebugcoder3391]

First! :D

[@cesarcarmona2627]

Hello!!
Is there a way that the default styles are not applied to elements like type text, password? Thanks, it is that it overwrites the styles that I already have

[@bikinitony]

have you fixed this? i get the same problem

[@Bahramc-cp4by]

Can Tailwind and Flowbite be used in WordPress?

[@FlorinPop]

Yes

[@Bahramc-cp4by]

I have problem with using interactive elements for example Tabs, and the part "import { Tabs } from 'flowbite'; " . Can you guide me in this matter pls?@@FlorinPop

[@gius1337]

Great showcase of flowbite.
Not so great that you are using it like bootstap (abuse class="" for visualization, basic HTML/CSS is that you have a placeholder and style it in CSS. That is what tailwind css is all about) Also try to keep accessibility in mind. Just 'dropping in a h3 here' > after H1 comes H2

[@PwrSrg]

I was thinking the exact same thing while watching him add Flex classes all over the place! Like sticking a square peg into a round hole. 😁
It would help a LOT if he actually knew Tailwind first. But definitely a great display of FlowBite, which is awesome. Zoltán and his team have done an AMAZING job!

[@antomariantisna530]

@@PwrSrg any reference/tutorials on how to actually use Tailwind efficiently?

[@PwrSrg]

​@@antomariantisna530 - Thank you for asking!
I have viewed/reviewed almost EVERY Tailwind video/course on RUclips for my developers, and have culminated a list of what I think are the BEST learning resources available. RUclips automatically DELETES comment links, so I can only list the short-codes:
1. Tailwind CSS Crash Course [31m] - UBOj6rqRUME
2. Tailwind CSS: From Zero to Production (Playlist) [1h 36m] - PL5f_mz_zU5eXWYDXHUDOLBE0scnuJofO0
3. Tailwind CSS - Complete Tutorial (Playlist) [1h 16m] - PL4cUxeGkcC9gpXORlEHjc5bgnIi5HEGhw
4. Tailwind Just in Time Tutorial (Playlist) [40m] - PL4cUxeGkcC9ht1OMQPhBVKAb2dVLhg-MJ
ALSO, Tailwind v3.0 was JUST released on Friday! 🚀
1. Introducing Tailwind CSS v3.0 - TmWIrBPE6Bc
2. What's new in Tailwind CSS v3.0 - mSC6GwizOag
3. The All-New Just-in-Time CDN - QAIdYGslQGo
Good Luck! 👍🏼

[@africanchina1]

Hello guys! Just came here explicity to say this: FLOWBITE IS ABSOLUTE GARBAGE!! I'VE TRIED TO IMPLEMENT THIS FOR HOURS ON REACT AND IT SIMPLY DOES NOT WORK.
PLEASE GUYS, DON'T USE FLOWBITE. IT'S A WASTE OF YOUR TIME.

[@atila5974]

Agree

[@albertow0w]

lol nu imi vine sa cred ca un roman este asa bun la programare !

[@MaxProgramming]

The Captain is back with videos!

[@atila5974]

This flowbite thing feels awkward

[@yadude101]

can u build a 1 to many live web-streaming broadcasting site like a twitch or youtube live?

[@farzadforuozanfar5786]

thanks a lot men its amazing❤❤👌👌