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 4 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.
Three-step onboarding wizard with an animated progress bar, slide-fade panel transitions and contextual hints. Forward / back nav and completion celebration.
Bold 404 page with a giant gradient numeral, floating planets, twinkling starfield and a primary CTA back to safety. Pure CSS animation.
Split SaaS hero with bold gradient headline, two CTAs, social-proof logo strip and a tilted browser mockup preview floating to the right. Built for landings.
Three-plan pricing layout with a monthly/yearly toggle. Price values cross-fade with a slide animation, popular plan glows, yearly savings banner.
macOS-style terminal mockup with auto-playing typewriter lines, syntax-coloured tokens, and a blinking caret. Pure CSS animation timing.
Ranked by views and likes from the last 30 days.