Components
Button
A button is a component that is used to trigger an action.
Source code
Click to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.
Installation
Plain Buttons
Here we have a few examples of the plain buttons.
Default Button
Secondary Button
With Icon
Loading
Outline
Destructive
Ghost
Link
Icon
Skeuomorphic
Add the skeuomorphic prop to any solid-background variant to apply an inset shadow that gives the button a tactile, raised appearance.
Skeuomorphic Button
Gradient
A gradient variant that derives a lighter stop from the active primary token using color-mix.
Gradient Button
Sizes
Here are the different sizes that are available for the buttons.
Regular Button Sizes
Icon Button Sizes
Enhanced Buttons
These are some buttons that I found today over here Enhanced Buttons. I think they are cool.
Expand Icon - Right
Expand Icon - Left
Gooey - Left
Gooey - Right
Shine
Shine on Hover
Gradient Slideshow
Ring Hover
Link Hover 1
Link Hover 2
Origin UI Examples
These are some examples that I found today over here Origin UI. I think they are cool.
To use these examples you will have to copy the code and adjust it for your own use.