Accessible button design
Use native <button> for actions and <a> only for navigation. Include visible focus styles, sufficient color contrast (WCAG AA), and disabled states that are announced to screen readers via aria-disabled when needed.
Category · page 2 of 7
Button styles, groups, and states
Showing 55 of 55 snippets
55 results
Button styles, groups, and states
Use native <button> for actions and <a> only for navigation. Include visible focus styles, sufficient color contrast (WCAG AA), and disabled states that are announced to screen readers via aria-disabled when needed.
Most include :hover and :active styles or Bootstrap state classes. Check the live preview before shipping to production.
Trending now
Compact music player with album art, animated equaliser bars, scrubber, elapsed/remaining time and play controls. Pure CSS keyframes drive the EQ pulse and the neon ring around the album art.
Animated drop zone with drag-over glow, queued file thumbnails, per-file progress bars that auto-fill, and a successful-state checkmark. Click "Browse" or drop files anywhere on the zone.
Three-plan pricing layout with a monthly/yearly toggle. Price values cross-fade with a slide animation, popular plan glows, yearly savings banner.
Bold 404 page with a giant gradient numeral, floating planets, twinkling starfield and a primary CTA back to safety. Pure CSS animation.
Spotlight-style command palette with live keystroke filtering, keyboard hint chips and grouped results. Backdrop blurs the page below for focus.
Three-step onboarding wizard with an animated progress bar, slide-fade panel transitions and contextual hints. Forward / back nav and completion celebration.
Ranked by views and likes from the last 30 days.