vanilla-js

Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards.

Apple-inspired glass effects library exposing displacement, blur and highlight layers as a plain JavaScript API.

Vanilla scroll-animation plugin driving CSS transforms and filters from scroll position via a declarative preset syntax.

Framework-agnostic web library producing glass surfaces with realistic refraction, chromatic edges and configurable blur falloff.

Tiny library that glitches any DOM element or image with configurable slice count, timing and chromatic offset.

Custom cursor library with hover targets, magnetic snapping and state machines for element-specific cursor modes.

Detects which edge the cursor entered or left an element from and reveals overlay content from that direction.

Small vanilla library producing a per-character decoding scramble on any element, with per-element timing control.

Image hover library that reveals a second image through an animated organic mask following the cursor.

Sub-4KB parallax tilt hover effect with glare, gyroscope support and per-axis limits, driven by data attributes.

Tiny canvas script that draws an interactive connected-node particle mesh behind page content, configured via script tag attributes.

Dependency-free responsive particle background plugin with configurable density, connection lines and interaction modes.

Dependency-free vanilla JavaScript builder for ASCII and Unicode diagrams with layers, grouping, selection and autosave, runnable from a single HTML file.

Applies parallax to images by transforming and scaling them within their container, avoiding layout shift.

10KB step-by-step onboarding tour library with hints and a dual AGPL/commercial licence.

Marquee library where items can be added and removed while scrolling, supporting arbitrary DOM nodes and directions.

855-byte reactive DOM runtime that binds Proxy state to existing HTML with no components, templates, or virtual DOM.

Bottom navigation bar whose top edge behaves like a liquid surface: one parametric SVG trough that leans and shallows with travel speed. Zero dependencies.

Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.

Vanilla JS input masking supporting pattern, number, date, regex and dynamic masks, with official React, Vue, Svelte and Solid bindings.

5KB dependency-free library for product tours, feature highlights and contextual hints with a spotlight overlay.