ButtonCraft Animated Buttons – With Click Analytics

Description

ButtonCraft Animated Buttons provides 35 ready-to-use animated button presets for WordPress block editor and shortcode usage, built with high-performance CSS.

👉 Live Demo & Interactive Showcase: isitdownbro.com/buttoncraft

🛠️ Check Out Our Other Web Utilities:
Looking to test website uptime and domain response times? Visit Is It Down to check our full suite of free web developer tools.

Whether you need a Glassmorphism button, a Cyberpunk Neon Glow, a 3D Tactile Push button, or a Retro Pixel button, ButtonCraft gives you pre-designed styles that work out of the box.

🌟 35 Free Animated Button Presets Included

  1. Glow Pulse Neon – Cyberpunk ambient pulse ring glow.
  2. Glassmorphism Liquid – Modern frosted glass blur effect with subtle highlight.
  3. 3D Push Depth – Realistic tactile depth that depresses smoothly on click.
  4. Retro Pixel Arcade – Retro 8-bit arcade button with bold pixel border.
  5. Soft Pastels Pill – Soft pastel pill button with subtle elevation shadow.
  6. Frosted Glass Outline – Translucent frosted glass frame with white outline.
  7. Flat Navy Badge – Solid navy dark slate button with clean contrast typography.
  8. Electric Neon Frame – Dark slate button with a solid emerald neon border.
  9. Gradient Shift Flow – Multi-color sliding gradient background animation.
  10. Magnetic Floating Shadow – Elevation lift with smooth physics drop shadow.
  11. Neumorphic Soft Emboss – Soft UI dual inset and outset shadow sculpting.
  12. Icon Slide Reveal – Smooth horizontal icon slide on hover.
  13. Retro Cyberpunk Cyber – Double border with sharp contrast.
  14. Pill Badge Tag – Fully rounded pill button with embedded tag badge.
  15. Outline Fill Fill-Up – Border frame filling bottom-to-top with color on hover.
  16. Double Border Accent – Concentric offset double border with soft glow.
  17. Floating Shadow Glow – Colored drop shadow matching button accent colors.
  18. Border Draw Tracer – Animated border tracer path around the button edge.
  19. Elastic Bounce Scale – Playful spring bounce physics transform.
  20. Dark Slate Minimalist – Slate button with active status glowing dot indicator.
  21. Gradient Border Sparkle – Dark slate button wrapped in a rotating gradient border.
  22. Ripple Wave Click – Water ripple effect expanding outward on hover and click.
  23. Shine Sweep Flare – Glossy metallic sheen light streak sweeping across.
  24. Minimal Line Underline Fill – Clean outline button that expands seamlessly into full fill.
  25. Skew Slant Angle – Geometric angled skew hover reveal with high contrast.
  26. 3D Mesh Hologram – Futuristic 3D mesh holographic gradient shimmer with glowing aura.
  27. Confetti Burst – Vibrant festive magenta & gold confetti sparkles.
  28. Particle Galaxy – Deep cosmic space background with floating starlight dots.
  29. Liquid Lava Blob – Organic morphing fluid lava blob background physics.
  30. Gold Metallic Foil – Luxury 24K gold foil metallic reflective shine flare.
  31. Cyber Matrix Glow – Digital rain terminal code scanner with neon green pulse.
  32. Floating Magnetic Follow – Electric violet floating magnetic elevation lift effect.
  33. Neon Pulse Dual – Dual magenta & cyan neon halo aura pulse.
  34. Glass Morphism Rainbow – Prismatic frosted glass with animated rainbow spectrum border.
  35. Diamond Crystal Shimmer – Faceted ice blue crystal refraction with light sweep.

🚀 Key Features

  • Native Gutenberg Block: Visual controls inside the WordPress Block Editor.
  • Shortcode Generator: Insert [buttoncraft preset="glow_pulse" text="Click Me" url="https://example.com"] anywhere on your site.
  • 100% GDPR Compliant: Zero external fonts or tracking scripts. Pure CSS styling.
  • Responsive & Lightweight: Zero jQuery or external JS dependencies on the frontend.
  • Inline SVG Icons: Choose built-in vector icons or customize text and links easily.
  • Admin Showcase: Preview all 35 presets and visual demos inside WP Admin.
  • WooCommerce Add-To-Cart Upgrade: Automatically upgrade your WooCommerce store button styles.
  • Click Performance Analytics: Track impressions, clicks, and CTR % natively in your dashboard.

Screenshots

Blocks

This plugin provides 1 block.

  • ButtonCraft Button Insert a modern animated button selected from 20 ready-to-use presets.

Installation

  1. Upload the buttoncraft-modern-animated-buttons-micro-animations directory to /wp-content/plugins/.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Open any post or page in the Gutenberg Block Editor and search for “ButtonCraft” or add the ButtonCraft block.
  4. Alternatively, visit ButtonCraft in your WP Admin sidebar to copy shortcodes directly!

FAQ

Does ButtonCraft slow down my website?

No. ButtonCraft uses pure CSS without external JavaScript libraries on the public frontend. Styles are enqueued only when needed.

Can I use ButtonCraft without Gutenberg?

Yes! ButtonCraft provides a shortcode generator in the WP Admin menu. You can insert [buttoncraft preset="glow_pulse" text="Click Me" url="https://example.com"] into Classic Editor, Elementor, Divi, or sidebar widgets.

Are all button presets completely free?

Yes, all 35 presets in this plugin are 100% free with no lockouts or premium upgrades.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“ButtonCraft Animated Buttons – With Click Analytics” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.1

  • Updated plugin slug to buttoncraft-modern-animated-buttons-micro-animations.
  • Verified compatibility up to WordPress 7.0.
  • Refactored admin asset enqueuing.
  • Unlocked all 35 premium presets and advanced modules for free.

1.0.0

  • Initial public release with 20 animated button presets, Gutenberg Block, Shortcode Engine, and Admin Showcase.