# Elastic Slider

> A slider with a springy fill and knob — playful, tactile input. Use for a single prominent control (volume, brightness). Under prefers-reduced-motion it moves without the spring.

- Skill: `nexu-io/elastic-slider` (Agent Skill, multi-file: 5 files)
- Install (CLI): `npx skillmds@latest add nexu-io/elastic-slider`
- Raw SKILL.md: https://api.skillmd.com/api/skills/nexu-io/elastic-slider/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Nexu (https://skillmd.com/u/nexu-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/nexu-io/elastic-slider

---

# elastic-slider
Elastic Slider Dependency-free, reduced-motion safe.
## How to apply
Copy css+js; `<div class="es"><div class="es-track"><div class="es-fill"></div><div class="es-knob"></div></div></div>`.