Named, ready-to-use combinations — each one a real starting point tuned to a specific look. Open one to see it live, tweak any value, and copy the CSS or Tailwind classes.
The frosted-glass card style used across iOS and macOS UI, ready to copy as CSS or Tailwind. Adjust it live, no sign-up.
A purple-to-violet gradient CTA button with a subtle lift-on-hover transition, in the style popularized by Stripe. Copy as CSS or Tailwind, free.
A soft, downward box-shadow matching Material Design elevation conventions — ready to copy as CSS or Tailwind. Free, no sign-up.
A warm coral-to-violet three-stop linear gradient, ready to copy as CSS or Tailwind. Free, no sign-up.
A smooth 0.6s fade-in animation with ease-out timing — a common, unobtrusive entrance animation for cards and page content. Copy as CSS, free.
A bold, fluid-sized heading with an indigo-to-teal gradient text fill — scales smoothly from mobile to desktop. Copy as CSS, free.
A dark-themed, 4-column bento grid with a subtle indigo glow — the asymmetric card layout common on modern SaaS dashboards and landing pages. Copy as CSS, free.
A fully-rounded, solid-color pill button with a scale-on-hover effect — a common, friendly-feeling call-to-action style. Copy as CSS or Tailwind, free.