https://github.com/josuapsianturi/tac

Tailwind CSS and Alpine JS components
https://github.com/josuapsianturi/tac

alpine alpine-components alpinejs components tailwind tailwind-components tailwind-css tailwindcss

Last synced: 17 days ago
JSON representation

Tailwind CSS and Alpine JS components

• Host: GitHub
• URL: https://github.com/josuapsianturi/tac
• Owner: josuapsianturi
• License: mit
• Created: 2021-09-19T08:56:49.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-06-07T16:07:07.000Z (almost 3 years ago)
• Last Synced: 2025-03-31T00:41:17.860Z (about 2 months ago)
• Topics: alpine, alpine-components, alpinejs, components, tailwind, tailwind-components, tailwind-css, tailwindcss
• Language: HTML
• Homepage: https://codepen.io/collection/ZMKKLB
• Size: 336 KB
• Stars: 16
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        


[Tailwind](https://tailwindcss.com/)  [Alpine](https://github.com/alpinejs/alpine/) Components



> **Note**

> Let's check all the components on codepen.io https://codepen.io/colleion/ZMKKLBct

## VIEW

1. [Hover dropdown menu](https://github.com/josuapsianturi/tac/blob/master/hover-dropdown-menu.html)   

![hover-dropdown-menu](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/hover-dropdown-menu.png)

2. [Frequently asked questions](https://github.com/josuapsianturi/tac/blob/master/faq.html)   

![frequently-asked-questions](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/faq.png)

 3. [Navbar](https://github.com/josuapsianturi/tac/blob/master/navbar.html)   

![navbar](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/navbar.png)

 4. [Tooltip](https://github.com/josuapsianturi/tac/blob/master/tooltip.html)   

![tooltip](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/tooltip.png)

 5. [Tabs](https://github.com/josuapsianturi/tac/blob/master/tabs.html)   

![tabs](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/tabs.png)

 6. [Click dropdown animation](https://github.com/josuapsianturi/tac/blob/master/dropdown-animation.html)   

![Click dropdown animation](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/click-dropdown-animation.png)

 7. [Modal confirm](https://github.com/josuapsianturi/tac/blob/master/modal-confirm.html)   

![Modal confirm](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/modal-confirm.png)

 8. [Modal sidebar](https://github.com/josuapsianturi/tac/blob/master/modal-sidebar.html)   

![Modal sidebar buttons](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/modal-sidebar-button.png)

![Modal sidebar](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/modal-sidebar.png)

 9. [Alert](https://github.com/josuapsianturi/tac/blob/master/alert.html)   

![Alert](https://raw.githubusercontent.com/josuapsianturi/tailwind-alpine-components/master/img/alert.png)