Skip to main content

Assets Templates Inspiration Components

Components/MicroKit

Circle Surface Button

Circle Surface Button

Free

A circular CTA whose dark surface expands into an orange fill.

Category: Buttons
Built with: React, Tailwind
Installs: Nothing extra
Files: circle-surface-button.tsx, a few lines of CSS

The prompt tells your agent to rebuild the styles on your project's tokens, so it fits in like it was made there.

MicroKit

by Henrique Barone

47 components

Copyright (c) 2026 Henrique Barone. Open source, added by Craftwork. The license line stays in the copied code.

More like this

FreeOpen

Aurora Download Button

Aurora Download Button

FreeOpen

FreeOpen

Ash Burst Button

Ash Burst Button

FreeOpen

Contact Details Reveal

Contact Details Reveal

Button Metallic Button

Button Metallic Button