You're Invited:Meet the Socket Team at BlackHat and DEF CON in Las Vegas, Aug 4-6.RSVP

flowbite-angular

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

flowbite-angular

flowbite-angular Build websites even faster with components on top of Angular and Tailwind CSS <img src="https://img.shields.io/discord/90291

20.0.5
latest
Version published
Weekly downloads
179
-72.8%
Maintainers
4
Weekly downloads
 
Created

flowbite-angular

Build websites even faster with components on top of Angular and Tailwind CSS

Discord Total Downloads Latest release License

flowbite-angular is an open source collection of UI components, built in Angular, with utility classes from Tailwind CSS that you can use as a starting point for user interfaces and websites.

Table of Contents

Documentation

If you want to browse the components, visit flowbite-angular.com.

If you want to learn more about Flowbite, visit Flowbite docs.

Getting started

Require via npm

Make sure that you have Node.js installed.

  • Install tailwindcss as a dependency using npm by running the following command:
npm i tailwindcss
  • Install flowbite-angular as a dependency using npm by running the following command:
npm i flowbite-angular
  • Import flowbite-angular inside your style.css file:
@import 'node_modules/flowbite-angular/styles/flowbite-angular.css';

Components

AlertsBadgesBreadcrumbs
Tailwind CSS Alerts Tailwind CSS Badge Tailwind CSS Breadcrumbs
ButtonsButton groupCards
Tailwind CSS Buttons Tailwind CSS Button Group Tailwind CSS Cards
Dropdown:construction: Forms:construction: List group
Tailwind CSS Dropdown Tailwind CSS Forms Tailwind CSS List group
:construction: TypographyModalTabs
Tailwind CSS Typography Tailwind CSS Modal Tailwind CSS Tabs
NavbarPagination:construction: Timeline
Tailwind CSS Navbar Tailwind CSS Pagination Tailwind CSS Timeline
:construction: Progress bar:construction: Tables:construction: Toast
Tailwind CSS Progress Bar Tailwind CSS Tables Tailwind CSS Toast
Tooltips:construction: Datepicker:construction: Spinner
Tailwind CSS Tooltips Tailwind CSS Datepicker Tailwind CSS Spinner
:construction: FooterAccordionSidebar
Tailwind CSS Footer Tailwind CSS Accordion Tailwind CSS Sidebar
:construction: Carousel:construction: Avatar:construction: Rating
Tailwind CSS Carousel Tailwind CSS Avatar Tailwind CSS Rating
Input Field:construction: File Input:construction: Search Input
Tailwind CSS Input Field Tailwind CSS File Input Tailwind CSS Search Input
:construction: Select:construction: Textarea:construction: Checkbox
Tailwind CSS Select Tailwind CSS Textarea Tailwind CSS Checkbox
:construction: Radio:construction: Toggle:construction: Range Slider
Tailwind CSS Radio Tailwind CSS Toggle Tailwind CSS Range Slider
Floating Label
Tailwind CSS Floating Label

Community

If you need help or just want to discuss the library join the community on GitHub:

⌨️ Discuss Flowbite on GitHub

For casual chatting with others using the library:

💬 Join the Flowbite Discord Server

Contributing

Thank you for your interest in helping! Visit our guide on contributing to get started.

Figma

If you need the Figma files for the components you can check out our website for more information:

🎨 Get access to the Figma design files

The Flowbite name and logos are trademarks of Crafty Dwarf Inc.

📝 Read about the licensing terms

FAQs

Package last updated on 07 Jul 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts