200 Buttons Library

200 hand-crafted buttons for Framer — every single one a standalone code component with its own hover interaction, typography and property controls. Drop them into any project and customise text, colours, fonts and motion right in the properties panel.

Three categories, one package

• Clean Corporate (60) — calm, precise interactions for SaaS, fintech and company sites. 50 of them switch between a Primary and a Secondary style with one click. Includes functional buttons like loading → success, copy to clipboard, download progress, dropdown menu, segmented control, countdown CTA and two-step delete.

• Creative (83) — art-directed buttons with personality: graffiti spray fill, ripped tape, polaroid, chalkboard, cassette, match strike, comic pow, Swiss poster, fridge magnets and many more.

• Experimental (57) — physics, particles, shaders and simulations: liquid metal (WebGL), falling letters, cloth, ferrofluid, liquid glass, gravity lens, hyperspace, Game of Life, a synth button that plays a chord and more.

What's inside

• 200 Framer code components, one file per button

• Hover, press and focus states on every button

• Primary / Secondary variant on 50 corporate buttons

• Property controls for label, link, colours, font, padding, radius and effect settings

• Every button ships with its own matching font, and you can switch to any font in your project

• Keyboard focus support and clean, performant animations (loops only run while interacting)

How it works Remix the project, copy any button and paste it into your own site. That's it — the component comes with it.

Questions? kontakt@konstantinfluence.com — konstantinfluence.com