CSS & Javascript Codes

Fuse.js is a zero-dependency fuzzy search library that lets you search arrays of strings or objects on the client side with typo tolerance built in. Feed it a data array, specify which fields to search, and get back scored, sorted results, even when the query contains misspellings. Ideal for autocomplete inputs, command palettes, product search, documentation search, and any UI where users…

Validate is a zero-dependency JavaScript and TypeScript validation library that checks values, object payloads, nested data, and transformed input in Node.js and browser projects. You can use the library to validate single values with chainable rules, model full objects with schemas, add custom business rules, run async checks, and return structured errors. Features: Validate emails, URLs, phone…

Slickless is a dependency-free JavaScript carousel library that creates responsive, touch-enabled, highly customizable carousel sliders. It works as a modern jQuery slick.js plugin alternative for developers who want familiar carousel options, touch-friendly dragging, pagination dots, navigation arrows, autoplay, lazy images, responsive breakpoints, and synced gallery…

m3-loading-indicator is a canvas-based loading animation library that creates the Material Design 3 expressive loading indicator in your React, Svelte, Vue 3, or vanilla JavaScript project. It ports the full animation system from Android’s material-components-android library, including exact spring force parameters, SVG path geometry from official Material Design asset files, and the dual…

Tegaki is a JavaScript text animation library that converts any font into animated handwriting. It reads glyph data from a font bundle, computes stroke paths and timing, then renders the animation inside a container element. The result looks like text being written by hand, stroke by stroke. Features: Converts any font into animated stroke-by-stroke handwriting. 8 multilingual font bundles:…

fluid-marquee is a Vanilla JavaScript marquee library that creates responsive horizontal and vertical scrolling content from simple HTML markup. You can use the library to build a JavaScript marquee scroller for news tickers, logo strips, announcement bars, product ribbons, and compact content feeds. Features: Scrolls only when the content overflows the container. Detects overflow before…

Dragster.js is a tiny vanilla JavaScript drag and drop library that enables your users to move, replace, and clone DOM elements between drop regions you specify. It handles mouse and touch input, drop placeholders, draggable wrappers, optional cloning, and callback-based control during the drag lifecycle. You can use this library to create drag and drop UI such as kanbans boards, sortable content…

EPD Optimize is a JavaScript image processing library that converts images into calibrated palette colors for color e-paper displays. It allows you to build browser-based and Node.js tools that reduce, tone-map, dither, preview, and export images for limited-color e-paper hardware. The library works well on JavaScript e-paper image dithering workflows for Spectra 6, AcEP or Gallery displays,…

Planet Avatar is a JavaScript library that generates deterministic, planet-style 3D SVG avatars from any string or number seed. It helps you create stable avatar images for account menus, team members, comment lists, dashboards, activity feeds, and product UI placeholders. The same seed and option set always returns the same avatar, so user IDs, emails, usernames, and database keys can generate…

phantom-ui is a Web Component skeleton loader that measures your real DOM at runtime and generates animated shimmer placeholder blocks at the exact position of every leaf element. The library wraps any markup in a <phantom-ui> custom element. The loading attribute activates the shimmer overlay. Removing it reveals the actual content. Features Generates shimmer placeholders from real DOM…

quick-avatar is a JavaScript avatar library that generates deterministic PNG profile images from a seed string. You can use it to build repeatable user avatars for account menus, comment lists, dashboards, admin panels, and placeholder profile UIs where each user needs a stable image based on an ID, email, username, or database key. The library currently includes 5 style sets of pre-rendered PNGs…

glur is a Vanilla JavaScript Gaussian blur library that applies fast blur processing to RGBA Canvas image data using an IIR (Infinite Impulse Response) filter. The library reads the pixel buffer from a canvas ImageData object, blurs it in place, and lets you write the result back to the canvas with putImageData. You can use it to build a photo blur slider, generate background blur for a modal…

dither-avatar is a lightweight, zero-dependency JavaScript library that generates deterministic, dithered SVG avatars from any seed string. It helps you create repeatable user avatars for profiles, comments, dashboards, team lists, and account switchers when your app has names, emails, IDs, or usernames but no uploaded profile photos. The package includes a React component for immediate use in…

show-when is a Web Component library that shows or hides HTML content based on URL, browser, language, media, CSS feature, and network conditions. You can use it to create conditional content blocks in edit previews, feature demos, responsive notes, offline messages, and documentation pages. The library registers two custom elements: <show-when> and <hide-when>. The first element displays content…

Neiki’s Cookie Banner is a vanilla JavaScript library that adds an accessible, GDPR-compliant cookie consent banner to static HTML pages, WordPress themes, Laravel apps, and client-side framework projects. It also stores versioned consent records in localStorage, re-prompts users after a consent version change, and keeps third-party scripts blocked until the visitor accepts the matching…

Azar Datepicker is a dependency-free JavaScript library that attaches a full-featured Persian (Jalali) or Gregorian date and time picker to any HTML input element. The date picker renders an inline dropdown on desktop screens and a modal style overlay on smaller screens. It also supports dark mode, RTL layout for Jalali dates, input and output format control, min and max dates, and calendar…

ReadMore Lines is a vanilla JavaScript text truncation library that cuts off long text blocks by line count and inserts a toggle button to expand or collapse the hidden content. You can use it to create compact article excerpts, product descriptions, comment previews, and card layouts on small screens. Features: Line-based truncation that counts rendered text lines using computed CSS line…