Realistic Liquid Glass Distortion Effects with CSS and SVG
Create a realistic liquid glass effect with CSS and SVG filters. A plain HTML/CSS solution for UI inspired by Apple’s latest design concepts.
Create Dynamic Navigation Menus (TOC) for Long Content – Anchor.js
A JavaScript library that creates dynamic tables of contents from HTML headings, enabling smooth scrolling and section highlighting for better navigation of long-form web content.
Create Apple Liquid Glass UI with Pure CSS & SVG Filter
Create a Apple Liquid Glass UI with a liquid distortion effect using CSS/CSS3, SVG filters, and no JavaScript.
Dual-Mode WYSIWYG Rich Text & Markdown Editor in JavaScript
A JavaScript WYSIWYG editor with dual markdown and raw text modes, toolbar customization, and smart HTML-to-Markdown conversion.
Convert HTML Lists into Custom Dropdowns – Simple Select
A framework-agnostic approach to custom select dropdowns with full keyboard accessibility and minimal code overhead.
Declarative Interactive Animations in Vanilla JavaScript – Kinesis.js
A simple JavaScript library for creating interactive animations based on mouse, scroll, and audio data using simple data attributes.
Tiny JS Library for Human-Readable Timestamps – little-timestamp
A small, opinionated JavaScript library for formatting timestamps into human-readable strings like “6h ago” or “Jun 1”.
Add Numbering to Pre and Textarea – line-numbers Web Component
A lightweight web component for adding line numbers to pre & textarea elements. Supports custom start numbers and CSS styling.
Fade/Slide In Elements On Scroll – JS Scroll Animations
A lightweight JavaScript scroll animation library that adds high-performance, CSS3-powered fade/slide animations to elements as they scroll into view.
Create Interactive Particle Backgrounds with Pure JavaScript – DotWave.js
A lightweight, zero-dependency JS library for creating interactive, parallax dot backgrounds on any HTML container using Canvas.