https://github.com/michaelyuhe/nice-buttons

Nice Buttons with Tailwind CSS
https://github.com/michaelyuhe/nice-buttons

buttons buttons-collection tailwindcss

Last synced: about 1 year ago
JSON representation

Nice Buttons with Tailwind CSS

• Host: GitHub
• URL: https://github.com/michaelyuhe/nice-buttons
• Owner: MichaelYuhe
• Created: 2024-01-10T09:47:33.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-12T07:30:26.000Z (over 2 years ago)
• Last Synced: 2025-04-15T22:58:50.194Z (about 1 year ago)
• Topics: buttons, buttons-collection, tailwindcss
• Language: TypeScript
• Homepage: https://nice-buttons.zeabur.app
• Size: 57.6 KB
• Stars: 23
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Nice Buttons

Create and Share Nice Buttons with Tailwind CSS.

## Contributing

Currently I only add a few buttons, and it's really appreciated if you can help me add more buttons! 

You can follow these steps to add a new button:

- Create a new folder in `components/buttons` with the name of your button.

- Code the style in `index.tsx`.

- Add the metadata in `meta.ts`.

  - Metadata should include the button name, description, author name and author GitHub URL.

- Add your button in `constants/buttons.ts`.

- Create a pull request with screenshots of your button.

> If your button needs to use some client side event like listening to the click event, you should add `use client` in the top of `index.tsx` file.

[![Deployed on Zeabur](https://zeabur.com/deployed-on-zeabur-dark.svg)](https://zeabur.com?referralCode=MichaelYuhe&utm_source=nice-buttons&utm_campaign=oss)