esdecode.com

Knack — Vanilla JS UI Components

No ratings
|0 Sales|by Roundhouse UI|v1.0.0
Knack — Vanilla JS UI Components screenshot 1
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
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 →