Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nexoscreation/featurastic-ui-buttons
A modern, customizable, and feature-rich UI button library for web developers. Perfect for React, Angular, Vue, and plain JavaScript projects.
https://github.com/nexoscreation/featurastic-ui-buttons
buttons feturastic frontend library moran ui
Last synced: 5 days ago
JSON representation
A modern, customizable, and feature-rich UI button library for web developers. Perfect for React, Angular, Vue, and plain JavaScript projects.
- Host: GitHub
- URL: https://github.com/nexoscreation/featurastic-ui-buttons
- Owner: nexoscreation
- License: cc0-1.0
- Created: 2025-01-02T07:15:37.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-01-24T04:51:59.000Z (18 days ago)
- Last Synced: 2025-01-24T05:28:07.298Z (18 days ago)
- Topics: buttons, feturastic, frontend, library, moran, ui
- Language: CSS
- Homepage: https://nexoscreation.github.io/featurastic-ui-buttons/
- Size: 115 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
---
# 🚀 Featurastic UI Buttons
🎨 **A modern, customizable, and feature-rich UI button library** designed for stunning web interfaces. Perfect for developers who demand elegance, responsiveness, and simplicity.
---
## ✨ Features
- 💡 **Customizable Styles**: Tailor colors, sizes, shapes, and effects effortlessly.
- ⚡ **Lightweight & Fast**: Minimal footprint, optimized for performance.
- 📱 **Responsive Design**: Looks fantastic on all devices.
- 🔌 **Seamless Integration**: Works with React, Angular, Vue, and vanilla JavaScript.
- 🌈 **Predefined Themes**: Use built-in themes or create your own.
- ✨ **Ripple Effects**: Add interactive animations with one attribute.
- 🌟 **Extendable**: Add custom behaviors and styles easily.
---
## 🔗 Useful Links
[](https://nexoscreation.github.io/featurastic-ui-buttons)
[](https://github.com/nexoscreation/featurastic-ui-buttons)
[](https://youtu.be/rMnDe0iEGRs?si=Hghh_w4IZfM?)
[](https://www.npmjs.com/package/featurastic-ui-buttons)
[](https://github.com/user-attachments/assets/bfd4aa64-12e4-4fd7-bfb5-ddad41720626)
## 🛠️ Getting Started
### Basic Usage (HTML + JS)
Quickly add a stylish button to your webpage:
```html
Click Me
```
also, include the CSS for advanced styling:
```html
```
---
## 🌟 Built-in Themes & Variants
Featurastic UI Buttons come with built-in themes:
| Variant | Usage Class | Preview Color | Preview Button |
| ------------- | -------------------------- | -------------------------------------------------------------------------------- | -------------- |
| **Primary** | `data-variant="primary"` |  hsl(180, 100%, 50%) | Comming Soon! |
| **Secondary** | `data-variant="secondary"` |  hsl(338, 99%, 50%) | Comming Soon! |
| **Success** | `data-variant="success"` |  hsl(111, 100%, 50%) | Comming Soon! |
| **Error** | `data-variant="error"` |  hsl(0, 100%, 50%) | Comming Soon! |
| **Netural** | `data-variant="netural"` |  hsl(0, 0%, 50%) | Comming Soon! |
---
## 🌈 Example Buttons
Explore the power of Featurastic UI Buttons:
```html
Primary
Secondary
Success with Ripple
```
---
## 🎉 Coming Soon
- **React.js, Vue.js, Nuxt.js Components**
- Advanced animations and accessibility options.
- More themes and variants.
- Customizable Button size.
---
## 🤝 Contributing
We ❤️ contributions! Here's how you can help:
1. Fork this repository.
2. Create a new branch: `git checkout -b feature-name`.
3. Commit your changes: `git commit -m "Add some feature"`.
4. Push to your branch: `git push origin feature-name`.
5. Open a pull request.
---
## 🛡️ License
This project is open-source and licensed under the **CC0-1.0 License**. See the [LICENSE](LICENSE) file for more details.