Knack — Vanilla JS UI Components

1 / 2
0
Sales
—
Rating
0
Reviews
Description
Knack is a small, dependency-free UI component library in vanilla JavaScript. Six polished, accessible components — Modal, Tabs, Accordion, Dropdown, Toast and Tooltip — that enhance ordinary HTML through data-knack-* attributes. Drop in one stylesheet and one script, write markup, done. No framework, no build step.
Highlights
- Modal, Tabs, Accordion, Dropdown, Toast, Tooltip — accessible by default.
- Declarative
autoInit()via data-attributes, plus imperative class APIs. - ARIA roles, keyboard support, modal focus trap & scroll lock.
- Custom events (
knack:open/close/tabchange) for hooks. - CSS-variable theming in a single stylesheet.
- Zero dependencies, no build step, ES modules — works with any framework or none.
Features
Six components: modal, tabs, accordion, dropdown, toast, tooltip
Dependency-free vanilla JS, no build step
Declarative autoInit() + imperative class APIs
Accessible: ARIA roles, keyboard, focus management
Toast variants (success/warning/danger/info)
Custom events for integration
CSS-variable theming (single stylesheet)
Works with any framework or plain HTML
node:test + jsdom test suite
Live showcase + component reference pages
Requirements
- A modern browser
- Node.js 18+ only to run the test suite
- Any toolchain that supports ES modules
Changelog
**v1.0.0** (Latest)
- Initial release
- Modal, Tabs, Accordion, Dropdown, Toast, Tooltip
- autoInit, theming, accessibility, jsdom test suite
$19.00
For one end product — free to end users
Price$15.00
VAT 23%$3.45
Rounding adjustment$0.55
Total$19.00
Instant digital download
Quality reviewed by our team
Free future updates
6 months support included
Item Details
- Last Update
- June 9, 2026
- Published
- June 9, 2026
- Version
- 1.0.0
- Category
- JS UI Components
- Sales
- 0
- Reviews
- No reviews
Share This Item
License Info
Regular License — Use in one end product which end users are not charged for.
Extended License — Use in one end product which end users can be charged for.
Verify a license key →