Registry Index

Search the catalog

Type to search items across every indexed registry, or pick a page.

ComponentReactregistry:component1 dependency

Get Started Circle Swap

get-started-circle-swap

A bordered CTA whose orange circle exits right as a directional arrow slides into place.

@microkitRegistry JSON
Live, loading

Starting the live preview…

Runs in a sandboxed frame on a separate origin, in its registry's own theme. Mounted with no props — an item that paints an empty box is given its name as text, and some items need input to show anything.

Notes from the author

Live preview and the CSS, JavaScript and Tailwind variants: https://microkit.co/components/get-started-circle-swap
@microkit

More from @microkit

All 49 items
Social Highlight Cards
social-highlight-cards
Component
Contact Details Reveal
contact-details-reveal
Component
Spotlight Indicator
spotlight-indicator
Component
Contact Underline Button
contact-underline-button
Component
Staggered Letter Text Swap
staggered-letter-text-swap
Component
Cursor Follow Share Button
cursor-follow-share-button
Component
Talk Arrow Reveal Button
talk-arrow-reveal-button
Component
Expanding Icon Tabs
expanding-icon-tabs
Component