Featurastic UI Buttons: A Modern Button Library for Creative Web Interfaces

What is Featurastic UI Buttons?

Featurastic UI Buttons is an open-source button library that provides developers with a collection of beautiful, animated, and highly customizable buttons. Built with vanilla web technologies, this library offers seamless integration into any web project, regardless of your tech stack.

Key Features

• Pure HTML, CSS, and JavaScript implementation
• No external dependencies or Library
• Clear documentation
• Minimal setup required
• Lightweight CSS
• Clean, efficient code

Getting Started

Using Featurastic UI Buttons is as simple as including the CSS and copying the HTML structure. Here's how to get started:

1. Include the JS:

   <script src="https://cdn.jsdelivr.net/npm/featurastic-ui-buttons@1.0.0/fui-buttons.js"></script>
   

2. Copy the button HTML structure:

   <button class="featurastic-button primary">
     Click Me!
   </button>
   

3. Include the CSS: (Optinal)

   <link
     rel="stylesheet"
     href="https://cdn.jsdelivr.net/npm/featurastic-ui-buttons@1.0.0/fui-buttons.css"
   />
   

Available Button Types

The library currently offers several button styles:

Implementation Examples

Here are some examples of how to use different button styles:

<button class="fui-btn" data-variant="primary" data-ripple="true">
  Primary Button
</button>


<button class="fui-btn" data-variant="secondary" data-ripple="true">
  Secondory Button
</button>


<button class="fui-btn" data-variant="success" data-ripple="true">
  Success Button
</button>


<button class="fui-btn" data-variant="error" data-ripple="true">
  Error button
</button>


<button class="fui-btn" data-variant="netural" data-ripple="true">
  Netural button
</button>

Browser Support

Featurastic UI Buttons works in all modern browsers:

Visit our GitHub repository to learn more about contributing.

Conclusion

Featurastic UI Buttons offers a modern solution for developers looking to enhance their web projects with beautiful, animated buttons. Its combination of simplicity, customization options, and framework independence makes it an excellent choice for any web project.

Ready to give your buttons a makeover? Start using Featurastic UI Buttons today and bring some excitement to your user interfaces!