website
flowbite
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
website
-
Collab Lab #66 Recap
The Collab Lab is a non-profit organization that runs a program where early career developers can apply to work together on a team to complete a project led by mentors who work in the field.
-
Programming Learning Journey So Far and Onward
TCL Link
-
A Quick Accessibility Checklist for Frontend Developers
I recently completed a full-stack project at The Collab Lab and developed a shopping list app with 3 other developers. Throughout this journey, I gained a profound appreciation for the importance of accessibility in web development. It is crucial for front-end developers to have accessibility awareness in mind so the apps we are building can be user-friendly to all. While I don't claim to be an accessibility expert, below are the 6 simple low-hanging fruit that you can grab to significantly enhance your site's accessibility.
-
Featured Mod of the Month: Ayu Adiati
I had first-hand experience leaving a community because I didn't feel welcome and secure as a newbie from an underrepresented group. I realized later that this community lacked moderators to catch up with all conversations in their forum and Discord. Based on this experience, when DEV (and CodeNewbie) offered me to be one of the moderators, I accepted it without a second thought! Not only here, but I'm also one of the Code of Conduct responders at The Collab Lab community and an advisor at the Virtual Coffee community because I want to help create and maintain a safe and inclusive space in the tech community for everyone.
- Gain practical experience by working remotely on real world projects
-
My dev experience at The Collab Lab
As a self-taught developer, there are 2 things that I always missed during my learning journey: building projects in a team and getting feedback. I thought that both things could help me improve my coding skills much faster so I started to look for any kind of experience or community that could provide me that. And one day I luckily came across The Collab Lab.
-
Building The Collab Lab's website using 11ty and GraphCMS
The Collab Lab repository
flowbite
-
Payment form components coded with Tailwind CSS and Flowbite
Flowbite
-
10+ UI Libraries for Svelte to Try in 2024
Flowbite Svelte is an open-source UI library built with Svelte components and Tailwind CSS. It provides over 58 UI components and interactive elements built with Svelte and Flowbite. It comes with well-organized documentation, where you can see the code sample and preview the components for responsive sizes: desktop, tablet and smartphone. You can also switch light/dark modes and RTL/LTR text direction. The code looks quite straightforward and the components are styled very neat.
-
My Failed Student Housing App
TailwindCSS (with Flowbite)
-
How to use Tailwind with any CSS framework
Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.
-
Tailwind CSS product overview components built for E-commerce websites
Some of the examples are free and open-source under the MIT license and some of the others are part of the Flowbite Pro package.
-
Collab Lab #66 Recap
JavaScript React Flowbite Tailwind Firebase - Auth, Database, and Hosting Vite
-
Open-source timepicker components for Tailwind CSS
Flowbite
- Tailwind Color Palette Generator
- Flowbite: Pure CSS components for websites and apps built using Tailwind
-
Shadcn: Beautifully designed components that you can copy-paste into your apps
- https://flowbite.com/
What are some alternatives?
astro_template - 🚀 Basic Template for Astro
daisyui - 🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library
astro-paper - A minimal, accessible and SEO-friendly Astro blog theme
Tailwind CSS - A utility-first CSS framework for rapid UI development.
orbit - Collection of useful integrations & components for the Astro ecosystem. ⭐️ Star to support our work!
shadcn/ui - Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
Hacktoberfest2023 - About Make your Pull Request on Hacktoberfest 2023. Don't forget to spread love and if you like give us a ⭐️
headlessui - Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
virtualcoffee.io - Public site for Virtual Coffee
preline - Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
perkedel-astro - Perkedel NTLF+ASTR. Perkedel Technologies website on Netlify with Astro framework
Bootstrap - The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.