TailwindCSS + Angular

Ready to use Angular UI elements and components, designed with Tailwind CSS.
Just drop them into your project and customize them to your branding.

Example application UI

New pull request

app-dropdown

Active

Otto Coster

feature/example into main

Overview

Files

Updates

Commits

Customization

Try out the customization options using the options below. These options are stored in an Angular service, which means that with one change all the elements will be updated!

Buttons

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Dropdowns

Form fields

Text

Checkbox

Color

Date

Datetime-local

File

Month

Number

Password

Radio

Range

Time

Week

Form

Toggles / switches

Large toggle

Small toggle

Large toggle (green)

Small toggle (green)

Default

Tags / badges

Tag

Primary

Secondary

Default

Cards

Basic card title

This is a card with a title and a primary button.

Basic card title

This is a card with a title and two buttons.

Basic card title

This is a card with bottom bar and two buttons.

Basic card title

This is a card with bottom bar and three buttons. Second line of text to check the maximum width of the card element. Third line of text to fill up the space.

Why was this created?

I love TailwindCSS. And Angular. But unfortunately, TailwindUI only offers Vue and React versions of the components. So I decided to create my own UI library using Angular. It's not complete yet, but I will be launching the first version soon for commercial use. Keep an eye on this page!

Otto Coster, freelance web developer