Frontend

82 entries

UI, interaction and visual tooling for the web.

Kind

Tag

  • Unstyled, accessible one-time-passcode input for React.

    librarynpm ↓ 30M/wk
  • Animation library (formerly Framer Motion) for React, JavaScript and Vue.

    librarynpm ↓ 25M/wk
  • Accessible React components you copy into your project, built on Tailwind CSS.

    library★ my stacknpm ↓ 12M/wk★ 125K
  • Pure TypeScript toolkit for reading, writing and converting video and audio.

    librarynpm ↓ 3.8M/wk★ 7.3K
  • Open-source diff and code rendering library built on Shiki.

    librarynpm ↓ 3.5M/wk★ 6.3K
  • Product tours and element highlights in vanilla JavaScript.

    librarynpm ↓ 2.3M/wk
  • Open-source file tree library with git status, drag and drop and virtualization.

    librarynpm ↓ 1.3M/wk
  • A 5KB WebGL globe library.

    librarynpm ↓ 549K/wk★ 5.9K
  • Typed, tree-shakable SVG and Canvas charts built on a grammar of graphics.

    library★ my stacknpm ↓ 444K/wk
  • Renders JSX to images without a headless browser, for example OG cards.

    librarynpm ↓ 295K/wk
  • WebGPU shader components for React, Vue, Svelte, Solid and Framer.

    librarynpm ↓ 295K/wk★ 4K
  • AJAX, WebSockets and server-sent events directly in HTML attributes.

    librarynpm ↓ 290K/wk
  • A WebGPU library where one shader renders in the browser and headless Node.

    librarynpm ↓ 181K/wk
  • Dependency-free text morphing for interfaces.

    librarynpm ↓ 173K/wk
  • Morph any SVG icon into another with spring physics and zero dependencies.

    library★ my stacknpm ↓ 160K/wk
  • A fast Markdown parser and renderer for Angular, React, Svelte, Vue and more.

    librarynpm ↓ 115K/wk★ 1.1K
  • Measure and align anything on a page: x-ray mode, rulers and font metrics.

    toolnpm ↓ 62K/wk★ 552
  • Twenty-seven isometric line figures for the web that follow the pointer.

    librarynpm ↓ 17K/wk
  • File uploads in React straight to any S3-compatible service with minimal setup.

    librarynpm ↓ 10K/wk
  • A fast JavaScript syntax highlighter covering dozens of languages.

    librarynpm ↓ 7.8K/wk
  • Runs Node.js, Next.js and Vite entirely in the browser, in about 250 KB.

    librarynpm ↓ 2.6K/wk
  • Zero-dependency barcode and QR code generator with 40+ formats.

    librarynpm ↓ 2.1K/wk★ 461
  • Exposes pointer, scroll, size and battery state as live CSS custom properties.

    librarynpm ↓ 1K/wk★ 921
  • Free map components for React and shadcn with a one-command setup.

    library★ 12K
  • A curated sound palette that gives buttons and toggles audio feedback.

    library★ 2K
  • A readable scripting language for HTML interactivity, from the htmx authors.

    language
  • Animated React components installable through the shadcn CLI.

    library
  • Daniel Rotter on taming z-index with stacking contexts.

    article
  • shadcn/ui-style components on Tailwind CSS that work without React.

    library
  • A toolkit for building your own Astro component library, not for shipping one.

    library
  • Primitives for AI-native interfaces: loading states, thinking traces and streaming text.

    library
  • A markdown-first, zero-config documentation framework on Astro and Vite.

    framework
  • A professional design tool that agents and people drive together.

    service
  • Renders a 3D model, SVG or image through Bayer, halftone or Floyd-Steinberg dither.

    library
  • Checklists for websites, web apps, mobile apps, components and flows.

    reference
  • Component library built on Base UI, with 55 components.

    library
  • Visual CSS editor for your real site; an AI agent writes changes into source.

    tool
  • JavaScript animation library with four preset motions on the Web Animations API.

    library
  • A monospaced pixel-style font that includes box-drawing characters.

    font
  • A curated collection of resources for design engineers.

    reading-list
  • Curated reference of small design decisions that shape better interfaces.

    reference
  • Hand-drawn UI controls with a fresh pen sketch on every mount.

    library
  • A system and component set with fluid hover, motion and surfaces.

    library
  • Predicts user intent from mouse movement and keyboard navigation to time prefetching.

    library
  • A set of CSS specimens plus an agent skill, from Vojta Holik.

    skill
  • Style sheets compiled into a single raymarching shader, no Three.js.

    language
  • Copy-paste UI blocks and templates installable through the shadcn CLI.

    library
  • Breakdown of Linear's speed: local-first sync, MobX and keyboard-first design.

    article
  • Concise UI rules, for example making nested border radii concentric.

    reference
  • Components whose behaviour is complete down to the frame; you supply the style.

    library
  • An npm library for justified text without rivers or stranded words.

    library
  • Cloudflare's component library: about 50 components, charts and a CLI.

    library
  • Lightweight library of loading indicators for React.

    library
  • An AI skill that runs an autoresearch loop to speed up your site.

    skill
  • Ten mobile web problems and their fixes, from sticky hover to input zoom.

    reference
  • Markdown-friendly MDX components: callouts, steps, terminals and charts.

    library
  • Ultra-light semantic HTML and CSS UI library with zero dependencies.

    library
  • Animated, interactive React components built with Tailwind CSS and Motion.

    library
  • A compiler-first take on React's model (hooks, Suspense) without the virtual DOM.

    framework
  • OG images made simple, installable with the shadcn workflow.

    library
  • A free animated component library: loaders, backgrounds and effects.

    library
  • Use overscroll-behavior: none only for fine pointers, so touch keeps pull-to-refresh.

    snippet
  • Design on a canvas right where you code; formerly pencil.dev.

    app
  • A portable UI runtime that turns component code into native pixels.

    framework
  • A design layer for humans and AI that turns a React repo into a design sandbox.

    tool
  • 2,700+ free open-source SVG icons in outline and filled weights, MIT licensed.

    icons
  • Design-forward shadcn/ui components and blocks with MCP support.

    library
  • Flexible JavaScript plugins on top of a fast Rust Markdown and MDX engine.

    library
  • Tailwind CSS utilities for fading scroll-container edges based on scroll position.

    library
  • Lightweight CSS library with native htmx integration for loading and swap states.

    library
  • Admin dashboard UI blocks and components with a CLI and MCP.

    library
  • Tiny, dependency-free text roll animation for UI labels.

    library
  • A Tailwind plugin for smoother, layered shadows.

    library
  • A component library with charts, marquee, QR codes and MCP components.

    library
  • A library of SVG logos.

    library
  • UI transitions to copy and paste, or install through an agent skill.

    library
  • Components for the small details that make an interface feel trustworthy.

    library
  • A React hook that re-renders when a folder on disk or in browser storage changes.

    library
  • A browser tool to turn SVG artwork into 3D objects.

    tool
  • Vercel's brand guidelines for report websites, written as a design.md agent file.

    reference
  • Modular CSS library that brings terminal-UI aesthetics to the browser.

    library
  • A C-like language that compiles to plain HTML and CSS with zero JavaScript.

    project