detailaccordion
Details accordion
A beginner-friendly details accordion you can paste into any page.
Copy/paste library
Useful little recipes.
Complete HTML and CSS. No packages. No setup ceremony.
detailtooltip
Helpful tooltip
A beginner-friendly helpful tooltip you can paste into any page.
detailbadge
Notification badge
A beginner-friendly notification badge you can paste into any page.
formcontrol
CSS toggle
A beginner-friendly css toggle you can paste into any page.
formsearch
Search box
A beginner-friendly search box you can paste into any page.
forminput
Floating label
A beginner-friendly floating label you can paste into any page.
effectloading
Skeleton block
A beginner-friendly skeleton block you can paste into any page.
effectloader
CSS spinner
A beginner-friendly css spinner you can paste into any page.
effectlink
Underline sweep
A beginner-friendly underline sweep you can paste into any page.
effecttypography
Gradient text
A beginner-friendly gradient text you can paste into any page.
effectstatus
Pulse dot
A beginner-friendly pulse dot you can paste into any page.
effectanimation
Text shimmer
A beginner-friendly text shimmer you can paste into any page.
layoutpage
Sticky footer
A beginner-friendly sticky footer you can paste into any page.
layoutflexbox
Flexible cluster
A beginner-friendly flexible cluster you can paste into any page.
layoutspacing
Vertical stack
A beginner-friendly vertical stack you can paste into any page.
layoutgrid
Sidebar layout
A beginner-friendly sidebar layout you can paste into any page.
layoutgrid
Auto-fit grid
A beginner-friendly auto-fit grid you can paste into any page.
layoutcentering
Centered shell
A beginner-friendly centered shell you can paste into any page.
cardtypography
Quote card
A beginner-friendly quote card you can paste into any page.
cardlayout
Feature card
A beginner-friendly feature card you can paste into any page.
cardpricing
Pricing card
A beginner-friendly pricing card you can paste into any page.
cardprofile
Profile card
A beginner-friendly profile card you can paste into any page.
cardglass
Glass card
A beginner-friendly glass card you can paste into any page.
cardshadow
Soft shadow card
A beginner-friendly soft shadow card you can paste into any page.
buttonaccessibility
Focus ring button
A beginner-friendly focus ring button you can paste into any page.
buttongradient
Split color button
A beginner-friendly split color button you can paste into any page.
buttonicon
Pill arrow
A beginner-friendly pill arrow you can paste into any page.
layoutdashboardgrid
Responsive dashboard layout
A beginner-friendly responsive dashboard layout you can paste into any page.
buttoninteraction
Soft press
A beginner-friendly soft press you can paste into any page.
buttonanimation
Outline slide
A beginner-friendly outline slide you can paste into any page.
buttonhover
Lift button
A beginner-friendly lift button you can paste into any page.