UI components with Tailwind CSS in headlessui.dev

  • By Mohammad
  • Last update: Mar 16, 2022
  • Comments: 0

Tailwind-components

UI components with Tailwind CSS in headlessui.dev

Run

Clone the project

 git clone https://github.com/mohammadyousefvand/Tailwind-components.git

Go to the project directory

  cd Tailwind-components

and Go To project [Name]

Install dependencies

  npm install

Use alpine.js In Project : https://alpinejs.dev/
Icons with Font Awesome and Heroicons : https://heroicons.com/

1- radio Group

Screenshot from 2022-03-16 21-33-47

2- Tabs

Screenshot from 2022-03-17 11-22-04

3- Listbox

Screenshot from 2022-03-18 09-04-34

4- Disclosure

Screenshot from 2022-03-19 14-47-50

5- Toggle

Screenshot from 2022-03-21 15-22-55

Github

https://github.com/mohammadyousefvand/Tailwind-components