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

Generate beautiful gradient hover effects
https://github.com/azakiio/nice-buttons

css design frontend svelte webde

Last synced: about 1 month ago
JSON representation

Generate beautiful gradient hover effects

• Host: GitHub
• URL: https://github.com/azakiio/nice-buttons
• Owner: azakiio
• Created: 2024-08-17T05:28:17.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-09-16T16:29:51.000Z (4 months ago)
• Last Synced: 2024-10-20T04:57:20.698Z (3 months ago)
• Topics: css, design, frontend, svelte, webde
• Language: TypeScript
• Homepage: https://nicebuttons.com
• Size: 1.53 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🎨 NiceButtons

Generate beautiful gradient hover effects for your buttons with ease!

### ✨ Cool Features

- 🎯 **Simple & Intuitive** – Easily create stunning hover effects with just a few clicks.

- 🖼️ **Live Preview** – Instantly see how your button will look with real-time updates.

- 📋 **One-Click Copy** – Copy the generated CSS and use it directly in your projects.

- ⚙️ **Customizable Gradients** – Tailor your gradient hover effect to match your brand's style.

- 💻 **Open Source** – Fork it, improve it, or contribute to the project! 

[**Live Demo**](https://nicebuttons.com)

[](https://nicebuttons.com)

---

## 🚀 Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash

npm run dev

# or start the server and open the app in a new browser tab

npm run dev -- --open

```

---

## 🛠️ Building

To create a production version of your app:

```bash

npm run build

```

You can preview the production build with:

```bash

npm run preview

```

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

---