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: about 1 year 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 (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-16T15:23:59.000Z (over 1 year ago)
- Last Synced: 2025-04-13T23:12:00.256Z (about 1 year ago)
- Topics: buttons, feturastic, frontend, library, moran, ui
- Language: CSS
- Homepage: https://nexoscreation.github.io/featurastic-ui-buttons/
- Size: 139 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/Hghh_w4IZfM?si=Hghh_w4IZfM?)
[](https://www.npmjs.com/package/featurastic-ui-buttons)
---
## 🛠️ 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
```
---
## 🤝 Contributing
We ❤️ contributions! Here's how you can help:
1. 🍴 Fork the repository
2. 🌿 Create your feature branch (`git checkout -b feature/AmazingFeature`)
3. 💾 Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. 🚀 Push to the branch (`git push origin feature/AmazingFeature`)
5. 🔃 Open a Pull Request
Check out our [Contribution Guidelines](CONTRIBUTING.md) for more details.
---
## 📄 License
This project is open-source and licensed under the **CC0-1.0 License**. See the [LICENSE](LICENSE) file for details.
---
Made with ❤️ by the Nexos Creation Team