Skip to main content

Assets Templates Inspiration Components

Components/MicroKit

Yellow Fill Preview Button

Yellow Fill Preview Button

Pro

An outlined Preview in browser button that fills with yellow from the left.

Category: Buttons
Built with: React, Tailwind
Installs: Nothing extra
Files: yellow-fill-preview-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

FreeAurora Download Button

FreeAqua Button

FreeAsh Burst Button

FreeCircle Surface Button

Contact Details Reveal

Button Metallic Button