A lightweight, dependency-free, and fully accessible custom select component. Built for performance and designed to be themed.
The deliciously simple select component with a funny name.
Pickle is crafted with modern web standards at its core, focusing on what matters for a great user and developer experience.
Featherlight & Fast
Built with performance as the priority. No dependencies, minimal footprint, and buttery-smooth interactions.
Accessible by Default
Full WAI-ARIA support ensures Pickle is usable by everyone, with complete keyboard navigation and screen reader compatibility.
Highly Themeable
Customize every aspect with CSS custom properties. Adapts to your design system, not the other way around.
Semantic & Clean
Uses sensible HTML and a progressive enhancement approach, so it's just a select box if JavaScript fails.
Try it live
Performance Torture Tests
Think your select component can handle the heat? Watch Pickle smoothly handle massive datasets and rapid data changes that would make a native <select> sweat.
The Incinerator
Initializes with 100,000 options to test render performance.
The Maelstrom
Rapidly adds and removes options to test dynamic updates.
The Anvil
Hammer the library with malicious & malformed strings to test for XSS vulnerabilities and rendering errors.
Ready for testing. Try adding a malicious string.