Component Utility

Frameblox Button Generator

This tool helps you generate stylized button components inspired by public Frameblox button families, but adapted into a reusable code generator with live controls and export output.

Families included

• Glow
• Metal
• Animated
• Retro 3D
• Liquid
• Keyboard 3D

How to use it

• Open /FramebloxButtonGenerator/.
• Choose a family, edit the label, set icon mode, and define colors.
• Change radius, size, and stage mode until the preview matches your interface.
• Hover the preview to inspect the active hover behavior.
• Copy the generated HTML and CSS output.

Notes

• The generated CSS includes hover states, not just the default resting button style.
• Buttons are intended as standalone snippets, so you may still want to merge them into your own design system tokens.