{"id":25039506,"url":"https://github.com/nexoscreation/featurastic-ui-buttons","last_synced_at":"2025-04-13T23:12:32.320Z","repository":{"id":270661879,"uuid":"911071802","full_name":"nexoscreation/featurastic-ui-buttons","owner":"nexoscreation","description":"A modern, customizable, and feature-rich UI button library for web developers. Perfect for React, Angular, Vue, and plain JavaScript projects.","archived":false,"fork":false,"pushed_at":"2025-02-16T15:23:59.000Z","size":142,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-13T23:12:00.256Z","etag":null,"topics":["buttons","feturastic","frontend","library","moran","ui"],"latest_commit_sha":null,"homepage":"https://nexoscreation.github.io/featurastic-ui-buttons/","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"cc0-1.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/nexoscreation.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-02T07:15:37.000Z","updated_at":"2025-02-16T15:23:11.000Z","dependencies_parsed_at":"2025-01-02T08:28:08.519Z","dependency_job_id":"043d874e-77ba-4ac0-8456-130e940d716e","html_url":"https://github.com/nexoscreation/featurastic-ui-buttons","commit_stats":null,"previous_names":["nexoscreation/featurastic-ui-buttons"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexoscreation%2Ffeaturastic-ui-buttons","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexoscreation%2Ffeaturastic-ui-buttons/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexoscreation%2Ffeaturastic-ui-buttons/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nexoscreation%2Ffeaturastic-ui-buttons/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nexoscreation","download_url":"https://codeload.github.com/nexoscreation/featurastic-ui-buttons/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248794569,"owners_count":21162615,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["buttons","feturastic","frontend","library","moran","ui"],"created_at":"2025-02-06T02:52:08.080Z","updated_at":"2025-04-13T23:12:32.313Z","avatar_url":"https://github.com/nexoscreation.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"![GitHub Latest Release](https://img.shields.io/github/v/release/nexoscreation/featurastic-ui-buttons.svg?style=flat-square\u0026color=cyan)\n![GitHub Pages](https://img.shields.io/github/deployments/nexoscreation/featurastic-ui-buttons/github-pages.svg?style=flat-square\u0026color=cyan)\n![npm bundle size](https://img.shields.io/bundlephobia/min/featurastic-ui-buttons.svg?style=flat-square\u0026color=cyan)\n![npm downloads](https://img.shields.io/npm/dm/featurastic-ui-buttons.svg?style=flat-square\u0026color=cyan)\n![GitHub License](https://img.shields.io/github/license/nexoscreation/featurastic-ui-buttons.svg?style=flat-square\u0026color=cyan)\n\n# 🚀 Featurastic UI Buttons\n\n![image](https://github.com/user-attachments/assets/e5f981a7-8d70-4d87-897f-8254eca27383)\n\n\u003e 🎨 **A modern, customizable, and feature-rich UI button library** designed for stunning web interfaces.Perfect for developers who demand elegance, responsiveness, and simplicity.\n\n---\n\n## ✨ Features\n\n- 💡 **Customizable Styles**: Tailor colors, sizes, shapes, and effects effortlessly.\n- ⚡ **Lightweight \u0026 Fast**: Minimal footprint, optimized for performance.\n- 📱 **Responsive Design**: Looks fantastic on all devices.\n- 🔌 **Seamless Integration**: Works with React, Angular, Vue, and vanilla JavaScript.\n- 🌈 **Predefined Themes**: Use built-in themes or create your own.\n- ✨ **Ripple Effects**: Add interactive animations with one attribute.\n- 🌟 **Extendable**: Add custom behaviors and styles easily.\n\n---\n\n## 🔗 Useful Links\n\n[![Web Demo](https://img.shields.io/badge/Web-Demo-blue?style=for-the-badge\u0026logo=google-chrome)](https://nexoscreation.github.io/featurastic-ui-buttons)\n[![GitHub Repo](https://img.shields.io/badge/GitHub-Repo-green?style=for-the-badge\u0026logo=github)](https://github.com/nexoscreation/featurastic-ui-buttons)\n[![YouTube Video](https://img.shields.io/badge/YouTube-Video-red?style=for-the-badge\u0026logo=youtube)](https://youtu.be/Hghh_w4IZfM?si=Hghh_w4IZfM?)\n[![NPM Package](https://img.shields.io/badge/NPM-Package-orange?style=for-the-badge\u0026logo=npm)](https://www.npmjs.com/package/featurastic-ui-buttons)\n\n---\n\n## 🛠️ Getting Started\n\n### Basic Usage (HTML + JS)\n\nQuickly add a stylish button to your webpage:\n\n```html\n\u003c!-- Button Element --\u003e\n\u003cbutton class=\"fui-btn\" data-variant=\"primary\"\u003eClick Me\u003c/button\u003e\n\n\u003c!-- Include the JavaScript --\u003e\n\u003cscript src=\"https://cdn.jsdelivr.net/npm/featurastic-ui-buttons@1.0.0/fui-buttons.js\"\u003e\u003c/script\u003e\n```\n\nalso, include the CSS for advanced styling:\n\n```html\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://cdn.jsdelivr.net/npm/featurastic-ui-buttons@1.0.0/fui-buttons.css\"\n/\u003e\n```\n\n---\n\n## 🌟 Built-in Themes \u0026 Variants\n\nFeaturastic UI Buttons come with built-in themes:\n\n| Variant       | Usage Class                | Preview Color                                                                                                             | Preview Button |\n| ------------- | -------------------------- | ------------------------------------------------------------------------------------------------------------------------- | -------------- |\n| **Primary**   | `data-variant=\"primary\"`   | \u003cdiv style=\"width:15px;height:15px;background-color:hsl(180, 100%, 50%);display:inline-block;\"\u003e\u003c/div\u003e hsl(180, 100%, 50%) | Comming Soon!  |\n| **Secondary** | `data-variant=\"secondary\"` | \u003cdiv style=\"width:15px;height:15px;background-color:hsl(338, 99%, 50%);display:inline-block;\"\u003e\u003c/div\u003e hsl(338, 99%, 50%)   | Comming Soon!  |\n| **Success**   | `data-variant=\"success\"`   | \u003cdiv style=\"width:15px;height:15px;background-color:hsl(111, 100%, 50%);display:inline-block;\"\u003e\u003c/div\u003e hsl(111, 100%, 50%) | Comming Soon!  |\n| **Error**     | `data-variant=\"error\"`     | \u003cdiv style=\"width:15px;height:15px;background-color:hsl(0, 100%, 50%);display:inline-block;\"\u003e\u003c/div\u003e hsl(0, 100%, 50%)     | Comming Soon!  |\n| **Netural**   | `data-variant=\"netural\"`   | \u003cdiv style=\"width:15px;height:15px;background-color:hsl(0, 0%, 50%);display:inline-block;\"\u003e\u003c/div\u003e hsl(0, 0%, 50%)         | Comming Soon!  |\n\n---\n\n## 🌈 Example Buttons\n\nExplore the power of Featurastic UI Buttons:\n\n```html\n\u003c!-- Button Variants --\u003e\n\u003cbutton class=\"fui-btn\" data-variant=\"primary\"\u003ePrimary\u003c/button\u003e\n\u003cbutton class=\"fui-btn\" data-variant=\"secondary\"\u003eSecondary\u003c/button\u003e\n\n\u003c!-- Ripple Effect --\u003e\n\u003cbutton class=\"fui-btn\" data-variant=\"success\" data-ripple=\"true\"\u003e\n  Success with Ripple\n\u003c/button\u003e\n```\n\n---\n\n## 🤝 Contributing\n\nWe ❤️ contributions! Here's how you can help:\n\n1. 🍴 Fork the repository\n2. 🌿 Create your feature branch (`git checkout -b feature/AmazingFeature`)\n3. 💾 Commit your changes (`git commit -m 'Add some AmazingFeature'`)\n4. 🚀 Push to the branch (`git push origin feature/AmazingFeature`)\n5. 🔃 Open a Pull Request\n\nCheck out our [Contribution Guidelines](CONTRIBUTING.md) for more details.\n\n---\n\n## 📄 License\n\nThis project is open-source and licensed under the **CC0-1.0 License**. See the [LICENSE](LICENSE) file for details.\n\n---\n\n\u003cp align=\"center\"\u003e\n  Made with ❤️ by the Nexos Creation Team\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/nexoscreation/featurastic-ui-buttons/stargazers\"\u003e⭐ Star us on GitHub!\u003c/a\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexoscreation%2Ffeaturastic-ui-buttons","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnexoscreation%2Ffeaturastic-ui-buttons","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnexoscreation%2Ffeaturastic-ui-buttons/lists"}