Skip to content
Knsept
Free playbook
05 Library

Copy. Paste. Ship.

28 small, dependency-free widgets for everyday UI. Pick a category to try them live, then open one for the full, commented code.

05 widgets

Buttons

Buttons that respond to the pointer, a press, or a hold.

  • Hold-to-confirm button
  • Ripple button
  • Glowing gradient border
  • Magnetic button
  • Copy-to-clipboard button
02 widgets

Cards & surfaces

Cards with depth and motion that follow the pointer.

  • 3D tilt card
  • Spotlight card
02 widgets

Images & media

Comparison sliders, carousels and other ways to show off visuals.

  • Before/after slider
  • Scroll-snap carousel
05 widgets

Feedback

Toasts, loading states and confirmations that tell people what happened.

  • Loading-state button
  • Confetti burst
  • Progress ring
  • Skeleton loader
  • Stacking toasts
03 widgets

Scroll & motion

Effects tied to scrolling and elements entering the screen.

  • Count-up stats
  • Reveal on scroll
  • Scroll progress bar
04 widgets

Text effects

Headlines and strips of text that type, decode and scroll.

  • Seamless marquee
  • Text scramble
  • Shimmer text
  • Typewriter rotator
04 widgets

Forms & inputs

Inputs that are faster to fill in and harder to get wrong.

  • One-time code input
  • Password strength meter
  • Range slider with value bubble
  • Toggle switch
03 widgets

Navigation

Tabs, accordions and other ways to move through content.

  • Smooth accordion
  • Sliding tabs
  • Animated menu button
All widgets