Button
A deep charcoal glass rectangle with a softly revolving inner highlight and restrained metallic type.
React
Rectangle Buttons
Authored rectangle-button and animated CTA treatments collected into one family.
22 to choose from
Meng To
171 published items
Button
A warm amber launch control with tactile depth, a soft aura, and a compact lightning icon.
React
Animated
A bright creation CTA framed by four corner dots and sequentially drawn dashed border segments.
ReactButton
Animated
A saturated blue CTA with a glass highlight and a continuous stream of floating light points.
ReactButton
Animated
A dark pill CTA whose label slides, blurs, and resolves into a crisp duplicate on hover.
ReactButton
Animated
A dark builder CTA with a rotating orange edge beam, drifting dot texture, and responsive glow.
ReactButton
A restrained metallic lesson pill with a masked gradient edge, soft elevation, and arrow icon.
React
Animated
A glossy generate control with prismatic borders, animated lettering, and an illuminated sparkle icon.
ReactButton
Animated
A glass pill CTA with a revolving highlight, advisor portrait, and a glowing generative-action icon.
ReactButton
Animated
A compact graphite CTA that replaces its static edge with a rotating white border beam on hover.
ReactButton
Button
A sunlit amber pill CTA with inset highlights, deep elevation, and a rising hover sheen.
React
The Lumen call-to-action pill: a six-stop violet gradient running black to lilac, a hairline inner highlight, a soft cast glow, and the small open ring that trails the label.
ReactButton
Button
The authored sibling pill with the same geometry, a blurred glass fill, and a hairline outline.
React
Button
The selected Trochil request-access treatment: a restrained black technical rectangle with a fine lit edge and passing warm signal sheen.
React
Button
The selected Attune primary action with a compact orange thermal gradient, inset highlight, grounded glow, and chevron.
React
Button
The selected Tideform action: a square technical outline with tracked mono type, warm hover state, and a long directional arrow.
React
The selected Understory action with a violet capsule surface and an inset paper-toned circular arrow endcap.
React
The selected Meridian primary action rebuilt as a blue illuminated keycap with a physical base, LED, and pressed hover travel.
React
The selected Meridian secondary action using the same tactile keycap geometry in its graphite night-side treatment.
React
The selected Halvorsen action: the shared editorial arrow-pill structure recut as a bone-white capsule with a black inset arrow disc.
React
The compact Aster navigation action with a translucent smoke surface, masked crystalline edge, top sheen, and restrained hover lift.
React
Button
The Aster primary CTA using the same glass material with a bordered inset chip and a directional arrow that advances on hover.
React