{"v":4,"imgBase":"/api/public/library/og/","cats":["Resource Directories & Inspiration","Learning & Craft","Motion & Animation","Design Tools & Generators","Figma, Assets & Media","Design Systems & Foundations","Data Visualization & Charts","Community Finds","Clonable Projects & Starters","UI Components & Libraries","Games, Juice & Interactive","Backgrounds, Effects & CSS Oddities","Shaders, WebGL & Creative Coding","Dev Utilities & Vibe-Coding Tooling","Mobile & Cross-platform UI","AI Skills, Agents & MCP"],"subs":["Backgrounds & patterns","Interactive guides","CSS animation collections","SVG generators","3D & textures","Craft & principles","Maps & geo","Colour tools","Glitch","SVG generators (fffuel)","Generative art","3D & WebGL learning","Scroll animation","Directory","Content & voice","Accessibility","Pixel art","Open-source product to fork","Glow shapes","Token infrastructure","CSS generators (Temani Afif)","Motion & delight galleries","Inspiration","Marketing examples","Typography","Illustration","Shadcn extensions","Web game engines","Mockups & presentation","Craft blogs","Gradients","Backgrounds","Motion references","Animation engines","SaaS & landing galleries","Micro-element galleries","Color","Perspective","Pattern","Background patterns","Directories","Templating","UX pattern libraries","Pixel art & retro","Design writing","Color references","Motion education","Particles & celebration","Particle systems","Animated gradients","Markdown editors","Live coding","Type & font sources","GLSL reference","Telehealth","Auth and user platform","Color scales","Newsletters","Motion tools","CSS generators","Email & notification","Dithering & ASCII","Illustration & vector","Mockup generators","Easing tools","Public design systems","Feedback","Charting engines","Mobile app inspiration","Design reference","View transitions","Numeric animation","Design engineering directories","Free fonts - foundries","React Aria kits","Web design galleries","Animated shadcn","Visualization","Fonts","Generative SVG","Practice briefs","Figma alternatives","Database tooling","ASCII rendering","React components","Effects","Gradient backgrounds","CSS framework","Type resources","Color palettes","Scrollytelling","Game audio","Theme discovery","Animated components","Image & video assets","Theming & color","Components","Creative coding","Text animation","Design language","Mockups & screenshots","Icons","Layout components","CSS games","Image optimisation","Mapping","No-code WebGL","Headless primitives","Practice brief generators","Community","Satire components","Inspiration organisation","p5.js addons","Free photos","CSS shapes","Free audio","Government design systems","Brand & identity","Learning & explorables","Illustration assets","Loaders & spinners","Blur shapes","Glass / refraction","Style guide","Practice","Badges","ASCII art","Fluid gradients","Registry infrastructure","WebGL image effects","3D web","Open source onboarding","Headless component kits","Dithering","Docs site starter","Branding & graphic archives","Ecosystem performance","Waves","Component & CSS galleries","Icon libraries","Tailwind component sets","Diagrams as code","Explorable explanations","Local-first & sync","Shader library","Flutter UI","Chart design resources","Physics & gesture","Free video","Icon animation","Motion editors","DS process & docs","UnJS toolkit","Micro-interactions","Form inputs","Terminal UI","Exploratory & misc","Skill collections","Generative audio","Plugin directories","RN component kits","SwiftUI effects","Procedural generation","Gaussian splatting","Connected blocks","Non-React ports","Interactive fiction & toys","Multiplayer & netcode","Browser tool suites","PixiJS ecosystem","ANSI art editors","Podcasts","Flow & canvas editors","3D/CAD MCP","Haptics","Agent skills","Open-source SaaS boilerplate","Graph & network","TanStack UI","UX education","Animated blocks","RN navigation","Tables & grids","Sankey & flow","RN animation","AI app starter","SVG editors","Web components","Snippet managers","Web audio","Liquid glass","Astro theme","Media UI","SwiftUI components","Mobile starter","Diagrams","Landing page template","UI generation MCP","Game architecture","Compose Multiplatform","Shadows","Colour scales","CSS experiments","RN graphics","SwiftUI references","AI design tools","Holographic","D3 plugins","Flutter animation","Rich text editors","Phaser ecosystem","Dashboards & notebooks","Physics","Build & DX CLI","Forms & inputs","Astro & static","iOS shaders","Public domain archives","Designer personal site","Tailwind plugins","Node-based 3D","Awesome lists","Hand-drawn charts","Satellite","Image prompt libraries","Game juice & feel","Expo","Flutter components","Canvas components","RN lists","Design MCP","Text effects","Design skills","3D card & tilt","App shell / dashboard","Expo starters","DS platforms","Pickers & inputs","RN menus","Overlays & motion","Tweening & easing","Figma plugins - design systems","Expo modules","App store assets","API clients","Build tooling","Mobile web","Charts","Claude Code tooling","Background generators","Geolocation","Full systems","Browser skills","Accessibility starter","Onboarding & tours","Shader components","Image effects","Terminal themes","RN components","3D asset pipeline","Avatars","Reference","Figma plugins - color","Assets & sprites","Retro UI kits","Component libraries","Design tooling","Calendar & scheduling","RN styling","Dithering & pixel","Editor & terminal","MCP starters","Next.js starters","Type-safe TypeScript","ComfyUI workflows","Tauri","Figma to code","Device mockups","3D","Watercolor","RN sheets","Local-first AI","Visual QA & testing","Curated lists","Cursor effects","App blocks","Figma + code","System prompts","Documentation for agents","Claude Code frameworks","CSS 3D","Figma ecosystem","Shader editor","macOS utilities","Edge & deploy","SVG animation","Glitch & datamosh","Accessible primitives","Dev MCP","Base UI kits","Vue 3D","Interaction primitives","Scroll effects","Data display","Template gallery","Agent safety","Figma widgets & canvas","Context engineering","Motion components","Figma API & plugin dev","FLIP transitions","CSS art","Modern CSS demos","Designer browser tools","Perf & debugging","AI skills","CSS Houdini","Interview practice","Cross-platform desktop","Claude Code plugins","R3F ecosystem","ChatGPT apps","RN utilities","Video tooling","Animated borders","Agent UI","Editor extensions","Component registry","File upload","Figma plugins - misc","Demo recording","Agent orchestration","Hover effects","Gooey & metaballs","Email, PDF & docs","Codebase hygiene","Stickers","AI-generated kits","Component tooling","Figma resources","Figma plugins - layout","WebGPU","Agent registry","Command palettes","WebGL micro-library","Individual skills","SVG filters","Measurement","Browser extensions","Self-hosted infrastructure","Agent rules","Skill tooling","Figma plugins - QA","Editor themes","Agent workspaces","Statuslines","System design","Codrops demos","Shader tooling","Shader playgrounds","Developer blogs","Browser MCP","Agent frameworks","Agent bridges","Requirements workflows","Quality gates","Generative QR","Figma plugins - maps","Knowledge MCP","Presentations","CSS utilities","Color theory","Search UI","Figma plugins - content","ASCII diagrams","Component library","Loading states","Rendering","CSS layouts","Claude Code internals","Hooks","Figma plugins - assets","Motion primitives","Claude Code clients","Three.js helpers","Syntax highlighting","Favicons","Rules & memory","AI UI patterns","Skill directories","Agent patterns","Skill architecture","CRT & retro","Logo assets","TSL / WebGPU","Border effects","Glassmorphism","Layout engines","Figma plugins - accessibility","Zero-config motion","Data wrangling","Galleries","Shader learning","MCP directories","Shader collections","2D graphics","Marquee & ticker","JavaScript fundamentals","Utility components","Video components","Colour","Shader tools","Agent feedback","Gradient tools","AI prompt libraries","Marketing blocks","Dashboard components","Shadcn tooling","Tailwind plugin","Asset generators","Visual programming","AI reference","Transition library","Course","Curated link collections","Audio assets","Easing","Shader sandbox","CSS snippet libraries","Liquid effects","Screenshots","Guidelines","Blocks library","Wiki","Toasts","API frameworks","Code review","Audio","AI interfaces","React","Layout theory","Design tokens","Layout & spacing","WebGL tools","Motion templates","Figma plugins","Workflow builder","Copywriting swipe files","Landing page galleries","Textures & HDRI","Install tooling","Theme generators","Design challenges","Liquid metal","React hooks","Website galleries","OSINT","Form + table fields","Alpine & HTMX","Node editor","Angular 3D","Typography motion","Svelte 3D","Illustrations","Radix theming","Svelte registries","WebGPU engines","CSS-only collections","Variable fonts","Textures & grain","YouTube","Design engineer canon","RN performance","SwiftUI utilities","Codepen collections","Free fonts - directories","AI detection","Image forensics","Avatar generators","Camera modelling","Debug UI","Typography tooling","Text expansion","Portfolios","Template marketplaces","Classless CSS","Radial UI","Design tools","Vector editors","Image tools","Rule and plugin directories","AI app builders","Chart texture","Learning","Music theory","Node graphs","Practitioner notes"],"rows":[["haikei-vg-1553","Haikei","Browser generator producing SVG blobs, waves, layered shapes and gradient backgrounds with live controls.",0,0,["svg","backgrounds","generator","shapes"],"z creative labs GmbH","free","VG-1553-480.webp",0,15,1],["an-interactive-guide-to-css-grid-vg-1264","An Interactive Guide to CSS Grid","Illustrated walkthrough of grid with manipulable demos covering implicit tracks, alignment, subgrid and the fr unit.",1,1,["css","grid","interactive","tutorial"],"Josh W. Comeau (@joshwcomeau)","free","VG-1264-480.webp",0,6,0],["transition-style-vg-1447","transition.style","46 drop-in enter/exit transitions applied by an HTML attribute, covering wipes, circles, polygons and squares with custom-property theming.",2,2,["css","transitions","attributes","drop-in"],"Adam Argyle (@argyleink)","Apache-2.0","VG-1447-480.webp",0,8,0],["pattern-monster-vg-0786","Pattern Monster","Library of parametric seamless SVG patterns with per-pattern controls for stroke, scale, spacing, rotation and colors.",3,3,["svg","patterns","seamless","generator"],"Naveen CS","free","VG-0786-480.webp",0,6,0],["quaternius-vg-0993","Quaternius","Large sets of free low-poly 3D game assets - characters, vehicles, nature, dungeons - released as coherent themed packs.",4,4,["3d","low-poly","game-assets","packs"],"laulhet (@quaternius)","free","VG-0993-480.webp",0,6,0],["ux-myths-vg-0543","UX Myths","Collection debunking common UX misconceptions, each backed by cited research and expert articles rather than opinion.",5,5,["ux","research","myths","evidence"],"UX Myths","free","VG-0543-480.webp",0,5,0],["protomaps-vg-0503","Protomaps","Serves an entire planet-scale basemap as a single static PMTiles file read over HTTP range requests.",6,6,["pmtiles","basemap","static","serverless"],"Brandon Liu (@bdon)","open-source","VG-0503-480.webp",0,11,0],["josh-comeau-gradient-generator-vg-0675","Josh Comeau Gradient Generator","Generates smooth CSS gradients with selectable interpolation colour space (LRGB, HSL, HCL, LAB), easing curve and stop precision.",3,7,["css","gradient","color-space","generator"],"Josh W. Comeau (@joshwcomeau)","free","VG-0675-480.webp",0,2,0],["ggglitch-vg-0714","ggglitch","Generates glitchy, displaced shape backgrounds with RGB-split and slice effects as SVG.",3,8,["svg","glitch","background","generator"],"fffuel","free","VG-0714-480.webp",0,3,0],["fffuel-vg-0779","fffuel","Suite of roughly seventy single-purpose SVG generators covering noise, grain, waves, blobs, patterns, spirals and gradients.",3,3,["svg","generator","patterns","backgrounds"],"fffuel","free","VG-0779-480.webp",0,6,0],["rrready-vg-0809","rrready","Support chart for CSS and web platform features, showing what is safe to ship today.",3,9,["css","support","reference","baseline"],"fffuel","free","VG-0809-480.webp",0,3,0],["ssscribble-vg-0811","ssscribble","Generates background scribble textures as lightweight SVG line art, with controls for density, roughness and stroke weight.",3,9,["svg","scribble","texture","background"],"fffuel","free","VG-0811-480.webp",0,4,0],["super-snowflake-maker-vg-0348","Super Snowflake Maker","Symmetry-based editor where folding and cutting operations generate paper snowflake designs, exporting SVG or a print-and-cut PDF.",7,10,["svg","symmetry","generative","craft"],"Shalanah Dawson (@shalanah)","free","VG-0348-480.webp",0,3,0],["webgl-fundamentals-vg-1208","WebGL Fundamentals","Ground-up WebGL course that avoids frameworks and explains buffers, attributes, textures and 3D math from first principles.",1,11,["webgl","graphics","tutorial","3d"],"Gregg Tavares (@greggman)","free","VG-1208-480.webp",0,3,0],["lenis-vg-1497","Lenis","Smooth-scroll runtime that virtualizes wheel input while keeping native scrollbars, anchors and accessibility behaviour intact.",2,12,["scroll","smooth-scroll","javascript"],"darkroom.engineering (@darkroomengineering)","MIT","VG-1497-480.webp",0,6,0],["getastrothemes-vg-0240","GetAstroThemes","Directory of 280+ Astro themes and templates with free and premium filters and live previews.",8,13,["astro","themes","directory","templates"],"GetAstroThemes","free","VG-0240-480.webp",0,4,0],["monzo-tone-of-voice-vg-0536","Monzo Tone of Voice","Bank's public tone-of-voice guide with concrete before-and-after rewrites for money, error and sensitive-situation messaging.",5,14,["voice-and-tone","content","fintech","writing"],"Monzo","free","VG-0536-480.webp",0,6,0],["stark-vg-0526","Stark","Accessibility suite with Figma, Sketch and browser plugins covering contrast, focus order, alt text and vision simulation.",5,15,["figma","accessibility","contrast","focus-order"],"Stark","freemium","VG-0526-480.webp",0,4,0],["sprite-fusion-pixel-snapper-vg-0360","Sprite Fusion Pixel Snapper","Tool that snaps AI-generated pixel art back onto a true pixel grid, fixing inconsistent cell sizes, available online and as a desktop app.",7,16,["pixel-art","ai","gamedev","rust"],"Hugo Duprez (@Hugo-Dz)","MIT","VG-0360-480.webp",0,8,0],["classroomio-vg-0260","ClassroomIO","No-code platform for building and running teaching platforms with courses, cohorts, assignments and video lessons.",8,17,["sveltekit","education","lms","courses"],"ClassroomIO (@classroomio)","GPL","VG-0260-480.webp",0,3,0],["nnneon-vg-0715","nnneon","Generates futuristic glowing neon SVG shapes with layered blur and stroke controls.",3,18,["svg","neon","glow","generator"],"fffuel","free","VG-0715-480.webp",0,4,0],["superposition-vg-0629","Superposition","Desktop app that extracts colour, type and spacing tokens from any live website and exports to CSS, Figma or XD.",5,19,["design-tokens","extraction","desktop","reverse-engineering"],"Firstversionist","free","VG-0629-480.webp",0,5,0],["svg-to-css-shape-vg-0703","SVG to CSS Shape","Converts an SVG path into an equivalent CSS clip-path or mask so shapes stay resolution-independent.",3,20,["css","clip-path","svg","converter"],"Temani Afif (@ChallengesCss)","free","VG-0703-480.webp",0,1,0],["daily-delights-vg-1632","Daily Delights","Feed of small delightful interface moments posted regularly, each isolated as a short clip.",0,21,["delight","micro-interactions","motion","feed"],"Félix Péault (@flayks)","free","VG-1632-480.webp",0,5,0],["loadmo-re-vg-1604","loadmo.re","Curated collection of loading screens, skeletons and waiting-state animations from shipped products.",0,22,["loading","inspiration","animation","gallery"],"Kim Lê Boutin","free","VG-1604-480.webp",0,5,0],["marketing-examples-vg-1611","Marketing Examples","Around 150 short teardowns of real marketing tactics across cold email, SEO, copywriting, landing pages, ads and referrals.",0,23,["marketing","copywriting","landing-pages","teardowns"],"Harry Dry (@harrydry)","free","VG-1611-480.webp",0,4,0],["future-fonts-vg-0827","Future Fonts","Marketplace selling typefaces while still in progress at reduced prices, with free upgrades as the family develops.",3,24,["fonts","foundry","marketplace","experimental"],"Future Fonts","paid","VG-0827-480.webp",0,2,0],["black-illustrations-vg-0740","Black Illustrations","Free illustration packs specifically depicting Black people, created to fix representation gaps in stock illustration.",3,25,["illustration","people","representation","free"],"John D. Saunders","free","VG-0740-480.webp",0,5,0],["poly-haven-vg-0992","Poly Haven","CC0 library of 16K unclipped HDRIs, 8K photoscanned PBR textures and production-quality 3D models, no account required.",4,4,["3d","hdri","pbr","cc0"],"Poly Haven (Greg Zaal, Rob Tuytel)","free","VG-0992-480.webp",0,5,0],["maskable-app-editor-vg-0784","Maskable.app Editor","Editor for PWA maskable icons showing live previews across Android icon mask shapes with safe-zone guides.",3,3,["pwa","icons","favicon","masking"],"Tiger Oakes (@Not_Woods)","Apache-2.0","VG-0784-480.webp",0,3,0],["the-gridcn-vg-1978","The Gridcn","Tron-inspired shadcn/ui theme shipping 55+ restyled components with glow, grid and neon treatments.",9,26,["react","shadcn","theme","neon"],"Eduardo Calvo (@educalvolpz)","MIT","VG-1978-480.webp",0,10,0],["excalibur-js-vg-1189","Excalibur.js","TypeScript-first 2D web game engine with actors, scenes, tilemaps, sound and a documented API aimed at web developers.",10,27,["game-engine","typescript","2d","web"],"Excalibur.js Project","open-source","VG-1189-480.webp",0,2,0],["shots-vg-1629","Shots","Browser tool for wrapping screenshots in device frames, backgrounds and annotations for presentation.",0,28,["mockups","screenshots","presentation","devices"],"","freemium","VG-1629-480.webp",0,4,0],["an-interactive-guide-to-flexbox-vg-1265","An Interactive Guide to Flexbox","Long-form tutorial with live editable demos explaining flexbox's algorithm, hypothetical sizes, and why flex-basis differs from width.",1,1,["css","flexbox","interactive","tutorial"],"Josh W. Comeau (@joshwcomeau)","free","VG-1265-480.webp",0,4,0],["ssspill-vg-0813","ssspill","Generates spill and melting-drip SVG shapes for section dividers, overlays and playful page transitions between colour blocks.",3,9,["svg","divider","liquid","generator"],"fffuel","free","VG-0813-480.webp",0,1,0],["a11y-project-checklist-vg-0519","A11Y Project Checklist","Community-maintained WCAG checklist grouped into eighteen practical categories with plain-language, testable success criteria.",5,15,["wcag","checklist","accessibility","audit"],"The A11Y Project","Apache-2.0","VG-0519-480.webp",0,3,0],["pppalette-vg-0806","pppalette","Generates custom colour palettes from a chosen base colour, with exportable swatches and copyable CSS variable output.",3,9,["palette","colors","generator","svg"],"fffuel","free","VG-0806-480.webp",0,2,0],["the-index-vg-1230","The Index","Weekly curated newsletter of design, development and tech links selected by the Piccalilli editorial team.",1,29,["newsletter","curation","frontend","design"],"Andy Bell / Set Studio (@piccalilli_)","free","VG-1230-480.webp",0,3,0],["grainient-vg-0717","Grainient","Generator for unlimited grainy, animated and AI-assisted gradient backgrounds with high-resolution export.",3,30,["gradients","grain","animated","generator"],"Basit A. Khan (@basit_designs)","freemium","VG-0717-480.webp",0,5,0],["pryzm-vg-0646","Pryzm","Studio for generating animated and static background gradients and visual effects, exportable for web use.",3,31,["gradients","backgrounds","animated","generator"],"Ava Thiery (@ava_thiery)","freemium","VG-0646-480.webp",0,5,0],["devouring-details-vg-1486","Devouring Details","Paid interactive reference manual on interaction detail — motion choreography, inferring intent, simulating physics — with downloadable React prototypes.",2,32,["interaction-design","prototypes","react","reference"],"Rauno Freiberg (@raunofreiberg)","paid","VG-1486-480.webp",0,6,0],["motion-vg-1433","Motion","Hybrid engine combining the Web Animations API with a JS spring runtime, shipping React, Vue and vanilla bindings.",2,33,["javascript","react","waapi","spring"],"Matt Perry (@mattgperry)","MIT","VG-1433-480.webp",0,4,0],["fonts-in-use-vg-0823","Fonts In Use","Archive of typography in the wild, indexed by typeface, industry and format, with editorial notes from type experts.",3,24,["fonts","archive","inspiration","typography"],"Sam Berlow, Stephen Coles & Nick Sherman","free","VG-0823-480.webp",0,0,0],["webframe-vg-1663","Webframe","Library of web app and SaaS UI screens and flows captured from production products.",0,34,["saas","web-app","ui","flows"],"Calum (@1productaweek)","freemium","VG-1663-480.webp",0,7,0],["social-proof-examples-vg-1621","Social Proof Examples","Collection of testimonial, logo-wall and review patterns as implemented on live marketing sites.",0,35,["social-proof","testimonials","marketing","patterns"],"Digital Psychology","free","VG-1621-480.webp",0,6,0],["animated-css-patterns-vg-0692","Animated CSS Patterns","Animated variants of the css-pattern collection: moving CSS-gradient backgrounds with no JS or images.",3,20,["css","pattern","animation","background"],"Temani Afif (@ChallengesCss)","free","VG-0692-480.webp",0,6,0],["pimp-my-type-vg-1293","Pimp My Type","Typography site with font reviews, pairing articles and video breakdowns aimed specifically at UI designers and developers.",1,24,["typography","fonts","ui","reviews"],"Oliver Schöndorfer (@glyphstories)","freemium","VG-1293-480.webp",0,8,0],["three-js-journey-vg-1207","Three.js Journey","Ninety-plus hours of video teaching three.js from geometry basics through GLSL, physics, Blender and React Three Fiber.",1,11,["threejs","webgl","course","r3f"],"Bruno Simon (@bruno_simon)","paid","VG-1207-480.webp",0,3,0],["coolors-vg-2020","Coolors","Spacebar-driven palette generator with 10M+ browsable palettes, image colour extraction, contrast checking, gradient tools and palette mockup previews.",3,36,["color","palette","generator","contrast","gradients"],"Fabrizio Bianchi (@fabrizio_bianchi)","freemium","VG-2020.png",20683,4,0],["cccoil-vg-0796","cccoil","Generates SVG spiral wave shapes with adjustable turns, stroke thickness and taper, useful as decorative background art.",3,9,["svg","spiral","waves","generator"],"fffuel","free","VG-0796-480.webp",0,2,0],["3d-perspective-grid-generator-vg-0769","3D Perspective Grid Generator","Creates vanishing-point perspective grids exportable as SVG for retro and synthwave layouts.",3,37,["svg","perspective","grid","generator"],"MagicPattern","free","VG-0769-480.webp",0,1,0],["kitbitz-vg-2021","Kitbitz","2,000+ hand-drawn CC0 illustrations in SVG and PNG, with ready-made Figma kits, a Figma plugin and an MCP server for agents.",4,25,["illustration","cc0","svg","figma","mcp"],"Sjoerd Huisman","free","VG-2021.webp",20683,4,0],["saaspo-vg-1660","SaaSpo","Archive of thousands of SaaS landing pages filterable by industry, section type and style.",0,34,["saas","landing-page","inspiration","filters"],"@andy_hooke","freemium","VG-1660-480.webp",0,3,0],["ttten-vg-0768","ttten","Pattern generator based on the classic 10 PRINT maze algorithm, output as tileable SVG.",3,38,["svg","pattern","generative","10print"],"fffuel","free","VG-0768-480.webp",0,3,0],["css-pattern-vg-0118","CSS Pattern","157 background patterns built entirely from CSS gradients, each parameterised with custom properties for size and colour.",11,39,["css","patterns","gradients","background"],"Temani Afif (@ChallengesCss)","free","VG-0118-480.webp",0,6,0],["colors-lol-vg-0653","Colors.lol","Curated overly descriptive color palettes with names and hex codes, built as a design-inspiration source rather than a generator.",3,36,["palette","inspiration","color","curated"],"Adam Fuhrer (@adamfuhrer)","free","VG-0653-480.webp",0,2,0],["growth-design-psychology-vg-0541","Growth.Design Psychology","Catalogue of 106 cognitive biases mapped to the four stages of user decision-making, with product examples and a PDF cheat sheet.",5,5,["psychology","biases","product","cheatsheet"],"Growth.Design","free","VG-0541-480.webp",0,2,0],["design-systems-repo-vg-0547","Design Systems Repo","Long-running directory of public design systems, articles and tools, organised by company with external links.",5,40,["directory","design-systems","archive","tools"],"Design Systems Repo","free","VG-0547-480.webp",0,6,0],["ogimage-gallery-vg-1619","OGimage.gallery","Collection of Open Graph social preview images showing how products design their link-share cards.",0,35,["open-graph","social","meta","inspiration"],"","free","VG-1619-480.webp",0,5,0],["fancy-frames-vg-0696","Fancy Frames","Produces ornamental CSS frames around images using masks and gradients instead of images.",3,20,["css","frames","mask","generator"],"Temani Afif (@ChallengesCss)","free","VG-0696-480.webp",0,2,0],["mizu-js-vg-0377","Mizu.js","HTML templating library using custom attributes, running client-side or on Deno, Node and Bun with no build step.",7,41,["html","templating","javascript","no-build"],"lowlighter","MIT","VG-0377-480.webp",0,2,0],["get-waves-vg-0780","Get Waves","Generates SVG wave dividers with controls for amplitude, complexity and randomness, exportable as markup or file.",3,3,["svg","waves","dividers","generator"],"Z Creative Labs","free","VG-0780-480.webp",0,2,0],["growth-design-case-studies-vg-1669","Growth.Design Case Studies","Illustrated comic-format UX teardowns applying named psychology principles to real product decisions.",0,42,["ux","psychology","case-study","teardown"],"Dan Benoni & Louis-Xavier Lavallee","free","VG-1669-480.webp",0,9,0],["ldtk-vg-1156","LDtk","Modern 2D level editor with auto-layer rules, entity definitions, world layouts, Aseprite support and clean JSON export.",10,43,["level-editor","tilemap","2d","json"],"Sébastien Bénard (Deepnight Games, @deepnightfr)","free","VG-1156-480.webp",0,5,0],["creating-a-standout-design-portfolio-vg-1243","Creating a Standout Design Portfolio","Long guide on structuring design portfolio case studies, choosing projects and writing process narratives that get interviews.",1,44,["portfolio","career","hiring","writing"],"Erik Kennedy (@erikdkennedy)","free","VG-1243-480.webp",0,3,0],["color-lisa-vg-1565","Color Lisa","Curated color palettes derived from famous works of art, presented as usable hex sets.",0,45,["color","palettes","art","reference"],"Ryan McGuire (@bellsdesign)","free","VG-1565-480.webp",0,4,0],["whimsical-animations-vg-0767","Whimsical Animations","Interactive course and playground on building playful, physical web animations, with runnable demos throughout.",3,46,["animation","css","course","interactive"],"Josh W. Comeau (@joshwcomeau)","paid","VG-0767-480.webp",0,3,0],["inclusivecolors-vg-0661","InclusiveColors","Builds custom palettes in the HSLuv color space with live WCAG and APCA contrast checks, exporting to Tailwind, CSS and Figma.",3,36,["accessibility","apca","tailwind","hsluv"],"Sean Wilson (@seanw_org)","free","VG-0661-480.webp",0,2,0],["tsparticles-confetti-vg-1491","tsParticles Confetti","Confetti and firework burst library with shape, physics, spread and origin controls, framework-agnostic with React and Vue wrappers.",2,47,["confetti","particles","celebration","canvas"],"Matteo Bruni (@matteobruni)","MIT","VG-1491-480.webp",0,6,0],["tsparticles-vg-0182","tsParticles","TypeScript particle engine with presets for confetti, fireworks, links and polygon masks, plus React, Vue, Svelte and Angular wrappers.",11,48,["particles","typescript","canvas","background"],"Matteo Bruni (@matteobruni)","MIT","VG-0182-480.webp",0,5,0],["neat-vg-0642","NEAT","Free generator for animated three-dimensional gradient backgrounds with a live editor and web export.",3,49,["gradients","3d","animated","generator"],"FireCMS","free","VG-0642-480.webp",0,3,0],["dddepth-vg-0798","dddepth","Library of AI-generated 3D shape renders, free to download and drop into layouts.",3,9,["3d","shapes","assets","render"],"fffuel","free","VG-0798-480.webp",0,2,0],["overtype-vg-0354","OverType","Markdown WYSIWYG built as a transparent textarea layered over rendered output, avoiding contenteditable and heavy editor frameworks entirely.",7,50,["markdown","editor","textarea","javascript"],"@panphora","open-source","VG-0354-480.webp",0,5,0],["hydra-vg-1733","Hydra","Browser live-codable video synthesizer using chained function calls, with networked video streams shared between performers.",12,51,["live-coding","video","shaders","vj"],"Olivia Jack (@ojack)","open-source","VG-1733-480.webp",0,3,0],["freefaces-vg-1665","Freefaces","Curated gallery of typefaces released under free licenses, presented with proper type specimens.",0,52,["fonts","typography","free","specimens"],"","free","VG-1665-480.webp",0,4,0],["humaaans-vg-0743","Humaaans","Mix-and-match illustration system for human figures with swappable heads, bodies, poses and clothing.",3,25,["illustration","people","modular","figma"],"Pablo Stanley (@pablostanley)","free","VG-0743-480.webp",0,3,0],["mailchimp-content-style-guide-vg-0535","Mailchimp Content Style Guide","Public content style guide covering voice, tone, grammar, accessibility of language and writing for specific interface contexts.",5,14,["content","voice-and-tone","writing","style-guide"],"Mailchimp","free","VG-0535-480.webp",0,9,0],["inigo-quilez-useful-functions-vg-1729","Inigo Quilez useful functions","Reference article cataloguing signal shaping functions like impulse, gain, parabola and cubic pulse with formulas and plots.",12,53,["glsl","math","reference","shaders"],"Inigo Quilez (@iquilezles)","free","VG-1729-480.webp",0,3,0],["turbopills-ui-vg-1991","Turbopills UI","React component set purpose-built for telehealth products — intake, scheduling and clinical display patterns.",9,54,["healthcare","react","vertical","components"],"Turbopills","unknown","VG-1991-480.webp",0,6,0],["hexclave-formerly-stack-auth-vg-0850","Hexclave (formerly Stack Auth)","Open-source user platform bundling auth, teams, RBAC, API keys, payments, emails and webhooks behind client and server SDKs.",13,55,["auth","rbac","teams","nextjs","self-hosted"],"Hexclave (@stack_auth)","open-source","VG-0850-480.webp",0,8,0],["piccalilli-vg-1225","Piccalilli","Independent front-end publisher run by Set Studio: courses, articles and the Index newsletter, explicitly anti-AI-slop.",1,29,["css","courses","newsletter","frontend"],"Andy Bell / Set Studio (@piccalilli_)","freemium","VG-1225-480.webp",0,4,0],["ui-colors-vg-0673","UI Colors","Tailwind palette generator that builds full colour scales from one hex and previews them across cards, dashboards and full pages.",3,56,["tailwind","color","palette","shadcn","figma"],"Erik de Vries","freemium","VG-0673-480.webp",0,4,0],["web-animation-weekly-vg-1649","Web Animation Weekly","Newsletter dedicated to web animation techniques, tools and motion design writing.",0,57,["newsletter","animation","motion","web"],"","free","VG-1649-480.webp",0,4,0],["expressive-animator-vg-0356","Expressive Animator","Vector animation editor focused on SVG and Lottie output, exporting animated icons and logos to SVG, Lottie, GIF, MP4 and WebM.",7,58,["svg","lottie","animation","editor"],"Expressive Suite SRL","paid","VG-0356-480.webp",0,2,0],["free-vintage-illustrations-vg-0742","Free Vintage Illustrations","Public-domain vintage engravings and etchings, cleaned and vectorised, from the Heritage Type archive.",3,25,["illustration","vintage","engraving","public-domain"],"Heritage Type Co.","free","VG-0742-480.webp",0,2,0],["css-selectors-visual-guide-vg-0682","CSS Selectors Visual Guide","Interactive reference where every CSS selector is demonstrated live against a sample DOM you can modify.",3,59,["css","selectors","reference","learning"],"fffuel","free","VG-0682-480.webp",0,4,0],["cerberus-vg-1834","Cerberus","Three annotated, dependency-free responsive email patterns in plain HTML and CSS, tested across desktop, mobile and webmail.",9,60,["email","html","patterns","responsive"],"Ted Goas (@TedGoas)","MIT","VG-1834-480.webp",0,4,0],["type-check-vg-1295","Type Check","Free browser tool that grades a site's typography — sizes, line height, measure, contrast — and explains each fix.",1,24,["typography","audit","tool","ui"],"Oliver Schöndorfer (@glyphstories)","free","VG-1295-480.webp",0,4,0],["the-craft-of-ui-vg-1489","The Craft of UI","Newsletter of long-form UI craft write-ups covering scroll-driven animation, CSS motion tricks and interaction detail, with live demos.",2,32,["newsletter","css","scroll","interaction"],"Jhey Tompkins (@jh3y)","free","VG-1489-480.webp",0,4,0],["efecto-vg-1721","Efecto","Browser design tool with real-time WebGL effect layers including ASCII, dithering, halftone and glitch applied to artboards.",12,61,["dithering","ascii","webgl","design-tool"],"Pablo Stanley (@pablostanley)","free","VG-1721-480.webp",0,6,0],["novu-inbox-vg-1847","Novu Inbox","Open-source notification infrastructure whose drop-in React Inbox component renders a themable in-app notification centre with preferences and digests.",9,60,["notifications","inbox","react","open-source"],"Novu (@novuhq)","MIT","VG-1847-480.webp",0,10,0],["illlustrations-co-vg-1078","illlustrations.co","Open-source pack of 120-plus vector illustrations in AI, SVG, PNG, EPS and Figma formats, free for commercial use.",4,62,["illustrations","svg","figma","open-source"],"Vijay Verma (@realvjy)","open-source","VG-1078-480.webp",0,9,0],["mmmotif-vg-0804","mmmotif","Generates isometric 3D-looking SVG patterns from tileable motifs, with control over tile size, angle and colour.",3,9,["svg","isometric","pattern","generator"],"fffuel","free","VG-0804-480.webp",0,4,0],["interface-index-vg-1670","Interface Index","Index of interface screenshots organised for fast lookup of specific UI elements across products.",0,42,["ui-patterns","screenshots","index","reference"],"Stephan Bogner","free","VG-1670-480.webp",0,5,0],["css-in-real-life-vg-1219","CSS { In Real Life }","Long-running blog on CSS, SVG, generative graphics, Eleventy and sustainable web development from a working front-end developer.",1,29,["css","svg","generative","writing"],"Michelle Barker (@MicheBarks)","free","VG-1219-480.webp",0,4,0],["mimicly-vg-0753","Mimicly","Editor for faking screens of forty-plus apps — iMessage, WhatsApp, Instagram, Discord, ChatGPT — and exporting them as images or video.",3,63,["mockups","social","screenshots","video","marketing"],"Mimicly","freemium","VG-0753-480.webp",0,1,0],["easing-wizard-vg-1453","Easing Wizard","Editor for CSS easing that covers cubic-bezier, steps, springs, bounces and overshoots, exporting linear() output for browsers.",2,64,["easing","css","linear","generator"],"Matthias Martin (@RoyDigerhund)","free","VG-1453-480.webp",0,4,0],["helios-vg-0584","Helios","HashiCorp's design system covering Ember and React components, icon set and developer-tool interface conventions.",5,65,["ember","developer-tools","icons","tokens"],"HashiCorp","open-source","VG-0584-480.webp",0,5,0],["oklch-color-picker-converter-vg-0663","OKLCH Color Picker & Converter","Interactive OKLCH picker showing the P3 and sRGB gamut slices live, so you can see which colors are unreachable.",3,36,["oklch","color-space","gamut","css"],"Evil Martians","free","VG-0663-480.webp",0,3,0],["remediate-vg-0907","Remediate","In-app feedback capture combining screenshots, video, voice notes and annotations into a single report.",13,66,["feedback","screenshots","annotation","qa"],"Parth Patel (@withparth)","freemium","VG-0907-480.webp",0,4,0],["cedar-vg-0577","Cedar","REI's design system with Vue components, outdoor-brand foundations and a published component lifecycle and deprecation policy.",5,65,["vue","retail","governance","tokens"],"REI","MIT","VG-0577-480.webp",0,6,0],["unovis-vg-0409","Unovis","Framework-agnostic dataviz core with official React, Angular, Svelte, Vue and Solid wrappers, styled entirely through CSS custom properties.",6,67,["framework-agnostic","css-variables","typescript","charts"],"F5 Inc. (@f5)","Apache-2.0","VG-0409-480.webp",0,6,0],["cloudflare-style-guide-vg-0533","Cloudflare Style Guide","Cloudflare's public documentation style guide defining component usage, terminology and writing conventions for technical content.",5,14,["documentation","content","technical-writing","components"],"Cloudflare","free","VG-0533-480.webp",0,8,0],["iiisometric-vg-0802","iiisometric","Isometric scene builder that stacks and arranges isometric blocks into an exportable SVG illustration, no 3D tool needed.",3,9,["svg","isometric","builder","generator"],"fffuel","free","VG-0802-480.webp",0,2,0],["ui-layouts-vg-1980","UI Layouts","Toolkit of animated React components, scroll effects and full page layouts built on Tailwind and Motion.",9,26,["react","tailwind","motion","layouts"],"Naymur Rahman (@naymur_dev)","MIT","VG-1980-480.webp",0,11,0],["khroma-vg-0662","Khroma","Trains on colors you personally like, then generates unlimited palettes, gradients and type samples in your own taste.",3,36,["palette","ml","personalization","color"],"George Hastings","free","VG-0662-480.webp",0,2,0],["scrnshts-vg-1626","Scrnshts","Archive of App Store screenshot sets, showing how apps design their store listing marketing.",0,68,["app-store","mobile","marketing","screenshots"],"","free","VG-1626-480.webp",0,4,0],["design-vault-vg-1668","Design Vault","Interface breakdowns of specific products, capturing desktop and mobile screens for the same feature.",0,42,["ui-patterns","screenshots","reference"],"","freemium","VG-1668-480.webp",0,4,0],["ui-sources-vg-1676","UI Sources","Annotated end-to-end app user journeys with flow maps explaining why each screen exists.",0,42,["user-flows","ux","annotation","patterns"],"","freemium","VG-1676-480.webp",0,5,0],["screensdesign-vg-1321","ScreensDesign","Library of iOS app screen recordings and screenshots organised by onboarding, paywall and core flows.",14,69,["ios","inspiration","paywall","onboarding"],"ScreensDesign","freemium","VG-1321-480.webp",0,4,0],["vtbag-vg-1524","vtbag","Toolkit site plus libraries for the View Transitions API: inspection tools, browser capability tests and fixes for common failure modes.",2,70,["view-transitions","css","debugging","tooling"],"Martin Trapp (@martrapp)","MIT","VG-1524-480.webp",0,4,0],["kaplay-vg-1190","KAPLAY","JavaScript/TypeScript game library with a component-based API for sprites, collisions, physics and scenes; successor to Kaboom.js.",10,27,["game-engine","typescript","2d","kaboom"],"KAPLAY community (@lajbel, @slmjkdbtl)","open-source","VG-1190-480.webp",0,2,0],["numberflow-vg-1490","NumberFlow","Animated number component that transitions digits, separators and signs correctly across locales, for React, Vue, Svelte and vanilla.",2,71,["react","numbers","counter","localization"],"Max Barvian (@barvian)","MIT","VG-1490-480.webp",0,4,0],["neumorphism-css-generator-vg-0689","Neumorphism CSS Generator","Produces soft-UI dual-shadow CSS with controls for distance, blur, intensity and surface color contrast.",3,59,["css","neumorphism","box-shadow","generator"],"Marko Denic","free","VG-0689-480.webp",0,4,0],["toools-design-vg-1589","Toools.design","Directory of 2,200+ design resources sorted into ~40 tightly-scoped lists, weekly updated, from icon sets to niche galleries.",0,72,["directory","resources","curation","design-tools"],"Pascal Strasche","free","VG-1589-480.webp",0,5,0],["collletttivo-vg-1066","Collletttivo","Italian open-source type foundry and collective releasing sixteen typefaces including Apfel Grotezk, Ronzino and Coconat.",4,73,["fonts","open-source","italian","type-foundry"],"Collletttivo","open-source","VG-1066-480.webp",0,4,0],["intent-ui-vg-1931","Intent UI","87+ copy-paste React components built on React Aria Components and Tailwind, with Next.js and Laravel install paths.",9,74,["react-aria","tailwind","accessibility","laravel"],"Irsyad A. Panjaitan (@irsyadadl)","MIT","VG-1931-480.webp",0,5,0],["browsing-mode-vg-1682","Browsing Mode","Curated web design gallery presenting sites with an emphasis on browsing experience and interface chrome.",0,75,["inspiration","gallery","web-design"],"MPTY","free","VG-1682-480.webp",0,5,0],["shadix-ui-vg-1803","Shadix UI","Small registry of production-ready animated shadcn/ui components built with React, Tailwind and Framer Motion.",9,76,["react","framer-motion","shadcn","animation"],"apix-js","open-source","VG-1803-480.webp",0,9,0],["ogmo-editor-vg-1160","OGMO Editor","Free open-source project-oriented level editor built by indie devs, with layer templates and simple JSON level output.",10,43,["level-editor","tilemap","indie","json"],"OGMO Editor team (Matt Thorson, Maddy Thorson)","free","VG-1160-480.webp",0,5,0],["colourco-de-vg-0654","Colourco.de","Pick colors by dragging across a hue field and instantly get monochromatic, analogic and triadic sets with lightness control.",3,36,["color","palette","harmony","picker"],"Toni Wagner","free","VG-0654-480.webp",0,2,0],["nasa-firms-vg-0988","NASA FIRMS","World map overlaid with near-real-time infrared fire and thermal anomaly detections from multiple satellites.",13,77,["satellite","fire","realtime","maps"],"NASA","free","VG-0988-480.webp",0,3,0],["classic-console-neue-vg-0347","Classic Console Neue","TrueType reconstruction of the 8x16 DOS VGA console font extended to 5,800 glyphs covering Latin, Cyrillic, Greek, Hebrew, Braille and Nerd Font icons.",7,78,["font","terminal","retro","monospace"],"DeeJayy (@deejayy)","MIT","VG-0347-480.webp",0,1,0],["qqquad-vg-1724","qqquad","Generator producing Bauhaus-inspired generative geometric compositions as downloadable SVG artwork, with colour and density controls.",12,79,["svg","generative","bauhaus","patterns"],"fffuel","free","VG-1724-480.webp",0,3,0],["briefbox-vg-1653","Briefbox","Library of practice briefs in brand identity, visual design and UI, plus a member showcase, mentoring and a full course.",0,80,["briefs","practice","branding","ui","mentoring"],"Briefbox","freemium","VG-1653-480.webp",0,7,0],["harmonizer-vg-0658","Harmonizer","Evil Martians generator that produces color scales with matched perceptual contrast across hues using OKLCH and APCA math.",3,36,["oklch","apca","color-scale","design-systems"],"Evil Martians","free","VG-0658-480.webp",0,1,0],["webstudio-vg-0279","Webstudio","Visual website builder producing real code, positioned as an open alternative to Webflow with a component-based canvas.",8,17,["visual-builder","webflow","react","cms"],"Webstudio (@webstudio-is)","GPL","VG-0279-480.webp",0,3,0],["penpot-vg-1001","Penpot","Open-source, self-hostable design and prototyping tool with native design tokens, CSS Grid/Flex layouts and an open file format.",4,81,["design-tool","open-source","self-hosted","design-tokens"],"Kaleidos","open-source","VG-1001-480.webp",0,4,0],["rnui-dev-vg-1326","rnui.dev","Catalogue of community-made React Native animations and UI components organised by component type, with source links and voting.",14,40,["react-native","directory","animation","inspiration"],"Mohibur Rahman (@mrpmohiburrahman)","free","VG-1326-480.webp",0,2,0],["dev-fonts-vg-0818","Dev Fonts","Side-by-side comparison of monospace coding typefaces rendered in a real code sample with ligature toggles.",3,24,["fonts","monospace","coding","comparison"],"Gafi","free","VG-0818-480.webp",0,2,0],["pgflow-vg-0877","pgflow","Postgres-native workflow engine with an Edge Worker that runs durable, typed background job DAGs entirely inside a Supabase project.",13,82,["supabase","postgres","workflows","background-jobs"],"pgflow","open-source","VG-0877-480.webp",0,5,0],["ascii-video-converter-vg-0319","ASCII Video Converter","Client-side tool converting uploaded video or webcam feed into coloured ASCII art with adjustable resolution, palette and character set.",7,83,["ascii","video","canvas","generative"],"stereoDrift (@collidingScopes)","MIT","VG-0319-480.webp",0,7,0],["frontend-snacks-vg-1646","Frontend Snacks","Short-format frontend newsletter delivering small, immediately applicable CSS and JavaScript techniques in a few minutes of reading.",0,57,["newsletter","frontend","tips","short-form"],"Ankita Kulkarni (@kulkarniankita9)","free","VG-1646-480.webp",0,3,0],["react-bits-vg-1495","React Bits","Large open-source collection of animated, interactive React components with copy-paste and CLI installation.",2,84,["react","animation","components","open-source"],"David Haz (@davidhdev)","MIT","VG-1495-480.webp",0,5,0],["css-weekly-vg-1641","CSS Weekly","Weekly newsletter of CSS articles, tutorials, tools and experiments curated by one editor.",0,57,["newsletter","css","weekly","frontend"],"Zoran Jambor (@ZoranJambor)","free","VG-1641-480.webp",0,3,0],["design-spells-vg-1633","Design Spells","Regularly updated collection of micro-interactions, easter eggs and delightful details captured from live products.",0,21,["micro-interactions","delight","easter-eggs","details"],"","free","VG-1633-480.webp",0,5,0],["aria-authoring-practices-guide-vg-0521","ARIA Authoring Practices Guide","W3C's reference implementations for thirty accessible widget patterns, each with keyboard maps, ARIA semantics and working examples.",5,15,["aria","patterns","keyboard","wcag"],"W3C Web Accessibility Initiative","free","VG-0521-480.webp",0,5,0],["god-rays-generator-vg-0712","God Rays Generator","Single-purpose generator producing volumetric god-ray light beam graphics with adjustable angle, spread and colour.",3,85,["light-rays","background","generator","svg"],"MagicPattern","free","VG-0712-480.webp",0,3,0],["shadergradient-vg-0150","ShaderGradient","Animated 3D gradient meshes exportable as React components, Figma fills or Framer layers with camera and colour controls.",11,86,["gradient","shader","react","figma"],"ShaderGradient team","freemium","VG-0150-480.webp",0,7,0],["game-ui-database-vg-1602","Game UI Database","Searchable reference library of thousands of video game interface screens organised by screen type and genre.",0,22,["game-ui","inspiration","reference","hud"],"Edd Coates (@EddCoates)","free","VG-1602-480.webp",0,5,0],["open-props-vg-0679","Open Props","Supersized collection of CSS custom properties covering colour, easing, shadows, gradients and animations.",3,87,["css","custom-properties","design-tokens"],"Adam Argyle (@argyleink)","MIT","VG-0679-480.webp",0,5,0],["fontspace-vg-0634","FontSpace","Library of 160,000+ free fonts with 19,000 cleared for commercial use, each licence manually verified before listing.",5,88,["fonts","typography","free","licensing","commercial"],"FontSpace, LLC","free","VG-0634-480.webp",0,4,0],["blobmaker-vg-0777","Blobmaker","Generates smooth random organic blob shapes with complexity and contrast sliders, exportable as SVG.",3,3,["svg","blob","shapes","generator"],"Z Creative Labs","free","VG-0777-480.webp",0,1,0],["section-divider-vg-0701","Section Divider","Generates CSS-only section dividers — waves, zigzags, arrows — that scale without image assets.",3,20,["css","divider","shapes","generator"],"Temani Afif (@ChallengesCss)","free","VG-0701-480.webp",0,2,0],["colorion-vg-0670","Colorion","Around thirty thousand tagged colour palettes with one-tap hex copying, favourites, image-to-palette extraction and JSON export.",3,89,["color","palettes","hex","export","inspiration"],"Csaba Kissi (@csaba_kissi)","free","VG-0670-480.webp",0,2,0],["mockoon-vg-0267","Mockoon","Desktop and CLI tool for designing and running mock REST APIs locally, with recording and proxying.",8,17,["api","mocking","electron","cli"],"Guillaume Monnet (@255kb)","MIT","VG-0267-480.webp",0,4,0],["wordmark-it-vg-0840","Wordmark.it","Renders any word in every font installed on your machine at once so you can pick a wordmark visually.",3,24,["fonts","logo","wordmark","preview"],"Wordmark OÜ","free","VG-0840-480.webp",0,2,0],["duo-vg-0656","Duo","Two-color pairing tool that shows every combination rendered as real UI so you can judge legibility, not swatches.",3,36,["color","pairing","contrast","ui"],"Alex Pate","free","VG-0656-480.webp",0,1,0],["tokens-studio-vg-0632","Tokens Studio","Token management platform with Figma, Penpot, VS Code and GitHub integrations plus theme and mode composition.",5,19,["figma","design-tokens","themes","integration"],"Tokens Studio","freemium","VG-0632-480.webp",0,9,0],["the-whimsical-web-vg-1695","The Whimsical Web","Collection of personal websites built around play, easter eggs and quirk rather than conversion optimisation.",0,75,["personal-sites","whimsy","inspiration","indieweb"],"Max Böck (@maxboeck)","free","VG-1695-480.webp",0,3,0],["inbox-zero-vg-0266","Inbox Zero","AI email assistant that bulk-unsubscribes, blocks cold outreach, drafts replies and reports on inbox analytics.",8,17,["ai","email","nextjs","gmail"],"Elie Steinbock (@elie2222)","GPL","VG-0266-480.webp",0,3,0],["scrollyvideo-js-vg-1506","ScrollyVideo.js","Component that scrubs a video frame-accurately against scroll position across React, Vue, Svelte and vanilla, handling decode differences per browser.",2,90,["video","scroll","scrubbing","component"],"Daniel Kao (@dkaoster)","MIT","VG-1506-480.webp",0,5,0],["mvpblocks-vg-1964","MVPBlocks","Copy-paste responsive block library aimed at shipping an MVP landing page and dashboard quickly.",9,26,["react","tailwind","blocks","landing"],"Subhadeep Roy (@mvp_Subha)","MIT","VG-1964-480.webp",0,8,0],["chiptone-vg-1103","ChipTone","Free browser tool for designing chiptune-style sound effects with layered oscillators, envelopes and a sequencer.",10,91,["sfx","chiptune","sound-design","cc0"],"Tom Vian (SFB Games)","free","VG-1103-480.webp",0,6,0],["shadcnpreset-vg-1993","shadcnpreset","Tool that recommends a matching shadcn theme preset based on the look you describe or pick.",9,92,["theme","preset","shadcn","discovery"],"shadcnpreset","free","VG-1993-480.webp",0,4,0],["realtime-colors-vg-0666","Realtime Colors","Paste a palette and preview it instantly on a full fake landing page, with export to Tailwind, CSS variables and Figma.",3,36,["color","palette","preview","tailwind"],"Juxtopposed (@juxtopposed)","open-source","VG-0666-480.webp",0,3,0],["laudable-apps-vg-1625","Laudable Apps","Curated list of mobile apps singled out for interface and interaction craft rather than popularity.",0,68,["mobile","craft","curation","apps"],"Tobias Reich","free","VG-1625-480.webp",0,3,0],["aceternity-ui-vg-2018","Aceternity UI","200+ copy-paste React components, blocks and landing templates built on Tailwind and Motion, heavy on 3D, background and text effects.",9,93,["react","tailwind","motion","landing-pages","effects"],"Manu Arora (@mannupaaji)","freemium","VG-2018.png",20683,5,0],["css-triggers-vg-1485","CSS Triggers","Reference mapping each CSS property to whether changing it causes layout, paint or composite work in each browser engine.",2,32,["performance","css","rendering","reference"],"GoogleChromeLabs","free","VG-1485-480.webp",0,4,0],["custom-borders-vg-0694","Custom Borders","Generates CSS-only decorative borders — corner brackets, partial frames and offset outlines — with no extra markup.",3,20,["css","borders","generator","no-svg"],"Temani Afif (@ChallengesCss)","free","VG-0694-480.webp",0,3,0],["gratisography-vg-1595","Gratisography","Collection of deliberately odd, high-resolution free stock photos shot by one photographer.",0,94,["photos","stock","quirky","free"],"Ryan McGuire","free","VG-1595-480.webp",0,4,0],["realfavicongenerator-vg-0787","RealFaviconGenerator","Generates the full favicon and app-icon set across platforms with per-platform previews and an HTML snippet.",3,3,["favicon","icons","pwa","generator"],"Philippe Bernard","free","VG-0787-480.webp",0,1,0],["footer-design-vg-1615","Footer.design","Gallery collecting only website footers, filterable by layout and content pattern.",0,35,["footer","inspiration","patterns","gallery"],"NOOON Studio","free","VG-1615-480.webp",0,4,0],["ui-jln-dev-vg-0617","ui.jln.dev","Free browser tool generating and browsing hundreds of shadcn/ui theme variable sets with instant copy-paste CSS output.",5,95,["shadcn","theming","css-variables","tailwind"],"Julian Benegas / jln.dev","free","VG-0617-480.webp",0,4,0],["nicelydone-vg-1672","Nicelydone","Curated library of web app interfaces focused on delightful UX and micro-interaction quality.",0,42,["web-apps","ux","micro-interactions","reference"],"Bertrand Bruandet (@bertwitt)","freemium","VG-1672-480.webp",0,5,0],["crd-ui-vg-0677","crd-ui","Credit and debit card React component with automatic brand detection and a 3D flip interaction.",3,96,["react","payments","3d","component"],"Juanda (juanda.co)","open-source","VG-0677-480.webp",0,3,0],["pts-js-vg-1711","Pts.js","TypeScript library for composing points, vectors, curves and interaction into visualizations rendered to canvas or SVG.",12,97,["creative-coding","canvas","svg","geometry"],"William Ngan (@williamngan)","Apache-2.0","VG-1711-480.webp",0,4,0],["splitting-js-vg-1515","Splitting.js","Microlibrary that splits elements by word, character, line, grid or image and populates CSS custom properties for index-based staggering.",2,98,["text","css-variables","stagger","typography"],"Shaw Brown (@shshaw)","MIT","VG-1515-480.webp",0,3,0],["usva-vg-1829","usva","React design language shipped in three themes (atmospheric, dense, light) generated from one shared token vocabulary.",9,99,["design-tokens","react","theming","registry"],"Matt Pasek (@matt-pasek)","open-source","VG-1829-480.webp",0,6,0],["the-nature-of-code-vg-1206","The Nature of Code","Free online book on simulating natural systems — forces, oscillation, particles, autonomous agents, neural networks — in code.",1,11,["creative-coding","simulation","book","p5js"],"Daniel Shiffman (@shiffman)","CC-BY-NC","VG-1206-480.webp",0,4,0],["maizzle-vg-1844","Maizzle","Email development framework that compiles Vue-style components and Tailwind CSS down to inlined, client-safe HTML email.",9,60,["email","tailwind","build-tool","vue"],"Cosmin Popovici (@maizzle)","MIT","VG-1844-480.webp",0,4,0],["shotsnapp-vg-0764","Shotsnapp","Generates device-framed product screenshots with configurable perspective, background and shadow, exporting high-resolution PNG.",3,100,["screenshots","device-frames","mockups","free"],"Gaddafi Rusli (@gaddafirusli)","free","VG-0764-480.webp",0,2,0],["sprite-fusion-vg-1164","Sprite Fusion","Browser tilemap editor with drag-and-drop tilesets, auto-tiling, collision layers and one-click export to Phaser, Godot, Unity and Bevy.",10,43,["tilemap","level-editor","browser","phaser"],"Hugo Duprez (@HugoDuprez)","freemium","VG-1164-480.webp",0,2,0],["open-doodles-vg-0746","Open Doodles","Free sketch-style illustrations of people in poses, editable and recolorable, released with no attribution requirement.",3,25,["illustration","sketch","people","free"],"Pablo Stanley (@pablostanley)","free","VG-0746-480.webp",0,2,0],["ribbon-shapes-vg-0700","Ribbon Shapes","Generates CSS ribbon and banner shapes for badges and callouts using single-element techniques.",3,20,["css","ribbon","badge","generator"],"Temani Afif (@ChallengesCss)","free","VG-0700-480.webp",0,3,0],["phosphor-icons-vg-0732","Phosphor Icons","Icon family of about nine thousand glyphs across six weights including duotone and fill, with packages for most frameworks.",3,101,["icons","svg","multi-weight","open-source"],"Phosphor Icons (Helena Zhang & Tobias Fried)","MIT","VG-0732-480.webp",0,2,0],["uselayouts-vg-1895","useLayouts","Premium layout components and micro-interactions focused on page structure rather than individual widgets.",9,102,["layout","micro-interactions","react","blocks"],"iurvish","freemium","VG-1895-480.webp",0,5,1],["boring-avatars-vg-0741","Boring Avatars","Generates deterministic SVG avatars from a name string in several geometric styles, as a React component or API.",3,25,["avatars","svg","generative","react"],"Hayk An, Javi Sánchez-Marín, Enric Pallerols & Josep Martins","MIT","VG-0741-480.webp",0,5,0],["60fps-design-vg-1601","60fps.design","Gallery of web experiences curated specifically for high-performance, smooth motion rather than static beauty.",0,22,["inspiration","motion","performance","gallery"],"","free","VG-1601-480.webp",0,5,0],["principles-design-vg-1587","Principles.design","Open collection of published design principles from companies, products and individuals, framed as decision-making frameworks.",0,72,["design-principles","reference","strategy"],"Ben Brignell (@benbrignell)","open-source","VG-1587-480.webp",0,5,0],["wakamai-fondue-vg-0839","Wakamai Fondue","Drop a font file in and get every OpenType feature, variable axis, glyph and language it supports, with live testing.",3,24,["fonts","opentype","variable-fonts","inspection"],"Roel Nieskens (@PixelAmbacht)","free","VG-0839-480.webp",0,2,0],["milled-vg-1845","Milled","Searchable archive of retail and product email newsletters, useful for competitive and pattern research.",9,60,["email","archive","newsletter","research"],"Milled","free","VG-1845-480.webp",0,4,0],["flexbox-froggy-vg-1237","Flexbox Froggy","Browser game with 24 levels where you write flexbox properties to move frogs onto matching lily pads.",1,103,["css","flexbox","game","learning"],"Thomas Park / Codepip (@thomaspark)","free","VG-1237-480.webp",0,4,0],["compressor-io-vg-0751","Compressor.io","Browser image compressor handling JPEG, PNG, SVG, GIF and WebP with lossy or lossless modes, resizing and EXIF stripping.",3,104,["images","compression","webp","svg","performance"],"Compressor.io","freemium","VG-0751-480.webp",0,1,0],["apcach-vg-0649","apcach","JavaScript library that generates colors from a target APCA contrast value instead of picking a color and checking after.",3,36,["apca","oklch","contrast","javascript"],"Evil Martians","MIT","VG-0649-480.webp",0,4,0],["peakvisor-vg-0938","PeakVisor","Pairs a 2D map with a 3D rendered terrain model so photographs can be matched against mountain skylines.",13,105,["terrain","3d","geolocation","mountains"],"Routes Software SRL","freemium","VG-0938-480.webp",0,5,0],["unicorn-studio-vg-1735","Unicorn Studio","No-code editor for building interactive WebGL scenes and effects and embedding them on any website.",12,106,["webgl","no-code","interactive","effects"],"","freemium","VG-1735-480.webp",0,3,0],["corvu-vg-1886","Corvu","Unstyled, accessible UI primitives for SolidJS covering dialog, drawer, popover, accordion and calendar.",9,107,["solidjs","headless","primitives","accessibility"],"@corvudev","MIT","VG-1886-480.webp",0,2,0],["life-of-pix-vg-1597","Life of Pix","Free high-resolution photography contributed by photographers, with a consistent editorial look.",0,94,["photos","stock","free","editorial"],"","free","VG-1597-480.webp",0,4,0],["animation-patterns-vg-1482","Animation Patterns","Interactive atlas of 65 authored CSS and SVG motion patterns plus studies on particles, springs, reaction-diffusion and gesture-to-easing.",2,32,["reference","css","svg","patterns"],"@mahwin","free","VG-1482-480.webp",0,3,0],["h1-gallery-vg-1616","H1 Gallery","Collection of website hero headlines and H1 treatments, focused on type scale and opening statements.",0,35,["typography","hero","headline","inspiration"],"Corey Haines (@coreyhainesco)","free","VG-1616-480.webp",0,6,0],["goodbrief-vg-0771","Goodbrief","Generates randomised creative briefs by discipline and industry — logo, branding, packaging, illustration — and exports them as PDF or image.",3,108,["briefs","practice","portfolio","branding","generator"],"Manu (manu.coffee)","free","VG-0771-480.webp",0,1,0],["ooorganize-vg-0805","ooorganize","Grid pattern generator covering dot, line, cross and mixed grid backgrounds as SVG.",3,9,["svg","grid","pattern","background"],"fffuel","free","VG-0805-480.webp",0,2,0],["ppperspective-vg-0807","ppperspective","Generates SVG shapes converging on a vanishing point for depth and tunnel effects.",3,9,["svg","perspective","depth","generator"],"fffuel","free","VG-0807-480.webp",0,2,0],["404s-design-vg-1612","404s.design","Collection of 404 error pages, useful for the one screen every project ships and nobody designs.",0,35,["404","error-states","inspiration","microcopy"],"Finnian Sturdy","free","VG-1612-480.webp",0,4,0],["rauno-freiberg-craft-vg-1228","Rauno Freiberg — Craft","Running log of interface prototypes and essays: radial menus, minimaps, depth, adaptive precision and interaction detail.",1,29,["design-engineering","interaction","prototypes","craft"],"Rauno Freiberg (@raunofreiberg)","free","VG-1228-480.webp",0,6,0],["genuary-vg-0326","Genuary","Annual January event issuing 31 daily generative art prompts, with an archive of past prompts and community submissions.",7,109,["generative","prompts","community","art"],"Genuary community","free","VG-0326-480.webp",0,1,0],["performative-ui-vg-0371","Performative-UI","Joke React component library of startup design tropes, packaging the visual language of oversubscribed funding rounds as installable components.",7,110,["react","satire","components","design"],"Li Zhang (@vorpus)","unknown","VG-0371-480.webp",0,3,0],["gggrain-vg-0781","gggrain","Combines soft color blobs with an SVG noise filter to produce the grainy gradient backgrounds used across modern landing pages.",3,3,["svg","gradient","grain","backgrounds"],"fffuel","free","VG-0781-480.webp",0,2,0],["siemens-ix-vg-0606","Siemens iX","Industrial design system for control and automation interfaces, with dark-first theming and dense-data component variants.",5,65,["web-components","industrial","dark-mode","density"],"Siemens","MIT","VG-0606-480.webp",0,5,0],["raster-vg-1607","Raster","Digital asset management tool aimed at design teams organising images and reference libraries.",0,111,["dam","assets","organisation","teams"],"Raster, Inc.","freemium","VG-1607-480.webp",0,5,0],["wavy-divider-vg-0705","Wavy Divider","Builds tunable wavy edge dividers in pure CSS with amplitude and frequency controls.",3,20,["css","waves","divider","generator"],"Temani Afif (@ChallengesCss)","free","VG-0705-480.webp",0,1,0],["p5-riso-vg-1742","p5.riso","p5.js library that separates a sketch into risograph-style spot colour channels and exports print-ready separations.",12,112,["p5js","print","riso","generative-art"],"Sam Lavigne & Tega Brain (@antiboredom)","open-source","VG-1742-480.webp",0,5,0],["snappygoat-vg-1072","SnappyGoat","Search engine over 20-plus million free public-domain images with background removal and cutout tooling built in.",4,113,["public-domain","search","cutouts","images"],"SnappyGoat","free","VG-1072-480.webp",0,2,0],["css-shapes-vg-0707","CSS Shapes","Generator producing complex CSS clip-path and shape-outside values with a visual point editor.",3,114,["css","clip-path","shapes","generator"],"Temani Afif (@Afif13)","free","VG-0707-480.webp",0,4,0],["ux-bites-vg-1678","UX Bites","Library of small UX details captured from real products, each with a short note on the mechanic.",0,42,["ux","microcopy","details","teardown"],"Peter Ramsey (@builtformars)","free","VG-1678-480.webp",0,4,0],["svg-backgrounds-vg-0120","SVG Backgrounds","Collection of customisable SVG backgrounds, shape dividers, doodles and preloaders with export presets for Webflow, Elementor and plain CSS.",11,39,["svg","background","dividers","generator"],"Matt Visiwig","freemium","VG-0120-480.webp",0,4,0],["posts-design-vg-2023","posts.design","Reference wall of social post design — launch cards, product updates and rebrands captured from X, tagged by company, post type and format.",0,35,["social","inspiration","launch","gallery","branding"],"@postsdsgn","free","VG-2023.png",20683,5,0],["tabler-icons-vg-0737","Tabler Icons","Over five thousand consistently stroked SVG icons on a 24px grid with filled variants and framework packages.",3,101,["icons","svg","stroke","open-source"],"Paweł Kuna (@codecalm)","MIT","VG-0737-480.webp",0,2,0],["jsfxr-vg-1059","jsfxr","Browser 8-bit sound effect generator with presets for coins, lasers and jumps, plus a JS library for runtime generation.",4,115,["sfx","8-bit","generator","javascript"],"Eric Fredricksen, Chris McCormick (after DrPetter)","open-source","VG-1059-480.webp",0,2,0],["godly-vg-1687","Recent (formerly Godly)","Curated gallery of web design with animated project covers, organised by style, type and industry.",0,75,["inspiration","web-design","gallery","animation"],"","freemium","VG-1687.png",0,6,0],["frontend-horse-vg-1276","Frontend Horse","Newsletter and article site breaking down creative front-end techniques found in the wild, with reproducible code walkthroughs.",1,57,["newsletter","css","creative-coding","frontend"],"Alex Trost (@trostcodes)","free","VG-1276-480.webp",0,2,0],["designers-italia-vg-0558","Designers Italia","Italian public-administration design system with components, service-design kits and legally-mandated accessibility requirements.",5,116,["government","accessibility","service-design","italy"],"Agenzia per l'Italia Digitale","open-source","VG-0558-480.webp",0,6,0],["f4map-vg-0934","F4Map","Renders OpenStreetMap building data as an interactive 3D city map in the browser.",13,105,["maps","3d","openstreetmap","visualization"],"F4 (Groupe F4)","free","VG-0934-480.webp",0,4,0],["fancy-border-radius-generator-vg-0687","Fancy Border Radius Generator","Visual editor for the eight-value border-radius syntax, producing organic squircle and blob shapes from real CSS.",3,59,["css","border-radius","shapes","generator"],"9elements","MIT","VG-0687-480.webp",0,3,0],["radix-colors-vg-0614","Radix Colors","Thirty-two twelve-step colour scales where each step has a defined UI role, with automatic dark and alpha variants.",5,95,["color","scales","dark-mode","semantic-tokens"],"WorkOS / Radix","MIT","VG-0614-480.webp",0,6,0],["brand-estonia-vg-0530","Brand Estonia","National brand system with logo grids, typography, photography direction and downloadable asset kits for a whole country.",5,117,["brand","nation-brand","logo-grid","typography"],"Republic of Estonia","free","VG-0530-480.webp",0,4,0],["farbvelo-vg-0657","FarbVelo","Generative random-color explorer with perceptual distance controls, color-blindness preview and a genuinely playful interface.",3,36,["color","generative","palette","colorblind"],"David Aerne (@meodai)","free","VG-0657-480.webp",0,3,0],["the-evolution-of-trust-vg-1139","The Evolution of Trust","Playable game-theory explainer teaching repeated prisoner's dilemma strategies through interactive tournaments you run and tweak yourself.",10,118,["explorable","game-theory","interactive","public-domain"],"Nicky Case (@ncasenmare)","free","VG-1139-480.webp",0,5,0],["layerchart-vg-0398","LayerChart","Composable Svelte chart primitives covering cartesian charts, geo maps, hierarchies, force graphs and calendars from one layout system.",6,67,["svelte","composable","charts","geo"],"Sean Lynch (@techniq)","MIT","VG-0398-480.webp",0,6,0],["the-headless-club-vg-1662","The Headless Club","Directory of headless commerce storefronts, showing what modern decoupled ecommerce actually looks like.",0,34,["ecommerce","headless","architecture","gallery"],"Commerce-UI","free","VG-1662-480.webp",0,4,0],["thiings-co-vg-1592","thiings.co","Growing collection of rendered 3D object illustrations released as a personal open project.",0,119,["3d","illustration","objects","free"],"Charlie Clark","free","VG-1592-480.webp",0,5,0],["loading-io-css-loaders-vg-1466","Loading.io CSS Loaders","Set of pure-CSS spinners with a live editor for size, color and speed, exporting standalone HTML and CSS.",2,120,["css","spinners","loaders","generator"],"Loading.io","freemium","VG-1466-480.webp",0,9,0],["typebot-vg-0277","Typebot","Conversational form builder with a drag-and-drop flow editor, embeds, integrations and analytics.",8,17,["forms","chatbot","builder","nextjs"],"Baptiste Arnaud (@baptisteArnd)","GPL","VG-0277-480.webp",0,3,0],["animata-vg-1946","Animata","Hand-crafted interaction and micro-animation snippets for React and Tailwind, browsable by effect.",9,26,["react","tailwind","animation","micro-interaction"],"Codse","MIT","VG-1946-480.webp",0,3,0],["tailark-vg-1976","Tailark","Pre-built marketing-website UI blocks based on shadcn/ui: heroes, pricing, feature grids and footers.",9,26,["react","shadcn","marketing","blocks"],"","open-source","VG-1976-480.webp",0,3,0],["best-website-gallery-vg-1681","Best Website Gallery","Web design showcase curated continuously since 2008, giving an unusually long historical record of style shifts.",0,75,["inspiration","gallery","archive","web-design"],"David Hellmann (@davidhellmann)","free","VG-1681-480.webp",0,4,0],["bbblurry-vg-0647","bbblurry","Creates soft blurry blob background shapes exportable as SVG, sized and coloured in the browser.",3,121,["svg","blur","blob","background"],"fffuel","free","VG-0647-480.webp",0,1,0],["pie-vg-0602","PIE","Just Eat Takeaway's design system spanning web, iOS and Android with shared tokens and documented ordering-flow components.",5,65,["cross-platform","tokens","mobile","web-components"],"Just Eat Takeaway.com","open-source","VG-0602-480.webp",0,4,0],["tixy-land-vg-1713","tixy.land","Creative coding environment where a single JavaScript expression over t, i, x and y drives a sixteen-by-sixteen dot grid.",12,97,["creative-coding","minimal","generative","js"],"Martin Kleppe (@aemkei)","free","VG-1713-480.webp",0,3,0],["sliderland-vg-0331","Sliderland","Creative coding playground where animations are driven entirely by 64 HTML range sliders and a single mathematical expression.",7,97,["creative-coding","generative","playground","art"],"blinry (@blinry)","free","VG-0331-480.webp",0,2,0],["codrops-collective-vg-1639","Codrops Collective","Twice-weekly roundup of frontend demos, CSS experiments, tools and UI animation running since 2012.",0,57,["newsletter","frontend","css","demos"],"Codrops / Manoela Ilic (@crnacura)","free","VG-1639-480.webp",0,4,0],["liquid-glass-vg-1726","liquid-glass","Headless React lens component that actually refracts the live page underneath it rather than faking blur.",12,122,["react","glass","refraction","headless"],"@samasante","open-source","VG-1726-480.webp",0,5,0],["kenney-game-assets-vg-0990","Kenney Game Assets","Fifteen years of free 2D sprites, 3D kitbash kits, UI prompts, textures and VFX, all released into the public domain.",4,4,["game-assets","cc0","3d","ui"],"Kenney Vleugels (@KenneyNL)","free","VG-0990-480.webp",0,9,0],["activepieces-vg-0257","Activepieces","No-code automation builder with a visual flow canvas, 200+ connectors and an AI-first agent layer.",8,17,["automation","zapier","flow-builder","typescript"],"Activepieces (@activepieces)","MIT","VG-0257-480.webp",0,3,0],["impeccable-vg-0775","Impeccable","One agent skill with twenty commands plus a curated list of frontend design anti-patterns to avoid.",3,123,["skills","frontend","anti-patterns","design"],"Paul Bakaus (@pbakaus)","open-source","VG-0775-480.webp",0,1,0],["mymind-vg-1606","Mymind","Private AI-organised bookmarking tool that tags and retrieves saved images, sites and notes automatically.",0,111,["bookmarking","ai","private","organisation"],"","paid","VG-1606-480.webp",0,3,0],["the-layout-maestro-vg-1283","The Layout Maestro","Course on thinking in CSS layout systems rather than memorising properties, built around real interface layout problems.",1,124,["css","layout","course","systems"],"Ahmad Shadeed (@shadeed9)","paid","VG-1283-480.webp",0,5,0],["spacebadgers-vg-0321","SpaceBadgers","SVG badge generation service with 900+ icons and multiple themes, served from a Rust core on Cloudflare Workers.",7,125,["svg","badges","readme","icons"],"Marco Quinten (@splittydev)","open-source","VG-0321-480.webp",0,0,0],["glitchcn-ui-vg-1956","glitchcn-ui","Cyberpunk terminal-themed React component library with glitch effects, scanlines, neon accents and monospace-first layout.",9,26,["react","cyberpunk","theme","animation"],"","MIT","VG-1956-480.webp",0,6,0],["nachos-vg-0595","Nachos","Trello's design system documenting board, card and drag-and-drop interaction patterns alongside its visual foundations.",5,65,["drag-and-drop","patterns","kanban","voice"],"Trello (Atlassian)","free","VG-0595-480.webp",0,5,0],["tint-shade-generator-vg-0667","Tint & Shade Generator","Generates mathematically exact 10% tints and shades of a hex color, the way brand guidelines usually specify them.",3,36,["color","tints","shades","brand"],"Michael Edelstone (@edelstone)","free","VG-0667-480.webp",0,3,0],["ascii-drawing-board-vg-0315","ASCII Drawing Board","Browser drawing surface where any Unicode character is the brush, with adjustable brush and canvas size and plain-text export.",7,126,["ascii","unicode","drawing","browser"],"delopsu","free","VG-0315-480.webp",0,2,0],["ffflux-vg-0713","ffflux","Produces fluid, turbulence-displaced SVG gradient backgrounds using feTurbulence filters, with live colour and distortion controls.",3,127,["svg","gradient","turbulence","generator"],"fffuel","free","VG-0713-480.webp",0,1,0],["css-scoops-vg-1235","CSS Scoops","Ice-cream themed browser game for practising CSS selectors and specificity across progressively harder levels.",1,103,["css","selectors","game","specificity"],"Thomas Park / Codepip (@thomaspark)","free","VG-1235-480.webp",0,4,0],["grid-garden-vg-1239","Grid Garden","Puzzle game teaching CSS Grid by having you water carrots and poison weeds using grid placement properties.",1,103,["css","grid","game","learning"],"Thomas Park / Codepip (@thomaspark)","free","VG-1239-480.webp",0,3,0],["8bitcn-ui-vg-1945","8bitcn UI","shadcn/ui components restyled as pixel-art 8-bit widgets with accessible behaviour preserved underneath.",9,26,["react","shadcn","pixel-art","theme"],"OrcDev (@theorcdev)","MIT","VG-1945-480.webp",0,3,0],["tweakcn-vg-1937","tweakcn","Visual theme editor for shadcn/ui that edits colour, radius, typography and shadow tokens live.",9,128,["shadcn","theming","tokens","editor"],"Sahaj Jain","MIT","VG-1937-480.webp",0,7,0],["every-layout-vg-1244","Every Layout","Algorithmic CSS layout primitives — Stack, Sidebar, Switcher, Cluster — with rationale; rudiments and three layouts free.",1,44,["css","layout","patterns","book"],"Heydon Pickering & Andy Bell","freemium","VG-1244-480.webp",0,5,0],["velvetyne-type-foundry-vg-0838","Velvetyne Type Foundry","French libre type foundry releasing experimental, characterful open-source typefaces used widely in cultural design work.",3,24,["fonts","libre","foundry","experimental"],"Velvetyne Type Foundry","open-source","VG-0838-480.webp",0,3,0],["react-vfx-vg-1783","REACT-VFX","React component wrapper for VFX-JS applying WebGL shader effects to img, video and text elements through props.",12,129,["react","webgl","effects","dom"],"Takayosi Amagi (@amagitakayosi)","MIT","VG-1783-480.webp",0,4,0],["spark-vg-0309","Spark","3D Gaussian splatting renderer for Three.js supporting ply, sogs, spz, splat and ksplat formats and mixing splats with regular meshes.",7,130,["threejs","gaussian-splatting","3d","webgl"],"World Labs","open-source","VG-0309-480.webp",0,3,0],["uuunion-vg-1725","uuunion","SVG generator for wavy mesh-like gradient backgrounds built from overlapping union shapes with adjustable turbulence.",12,79,["svg","gradients","mesh","backgrounds"],"fffuel","free","VG-1725-480.webp",0,3,0],["shadesigner-vg-1936","shadesigner","Palette generator and theme designer that outputs shadcn-compatible colour scales and previews.",9,128,["shadcn","palette","theming","design"],"Tariel Davidashvili","freemium","VG-1936-480.webp",0,4,0],["good-first-issue-vg-1651","Good First Issue","Aggregates beginner-friendly issues from well-known open-source projects, grouped by language with live activity timestamps.",0,131,["open-source","contributing","beginners","github","issues"],"DeepSource (@deepsourceai)","free","VG-1651-480.webp",0,7,0],["retroui-vg-1969","RetroUI","React component library applying a neo-brutalist retro design system across buttons, cards, dialogs and form controls.",9,26,["react","tailwind","retro","design-system"],"","MIT","VG-1969-480.webp",0,4,0],["easings-net-vg-1454","Easings.net","Reference of standard easing functions with animated previews, cubic-bezier values and copyable code in several languages.",2,64,["easing","reference","cheatsheet"],"Andrey Sitnik & Ivan Solovev","free","VG-1454-480.webp",0,4,0],["park-ui-vg-1884","Park UI","Component library built on Ark UI and Panda CSS that ships the same API to React, Solid and Vue.",9,132,["react","vue","solid","panda-css","ark-ui"],"Chakra Systems / Chakra UI (@chakra_ui)","MIT","VG-1884-480.webp",0,4,0],["dither-generator-vg-0710","Dither Generator","Converts images to dithered, halftone-style output with control over algorithm, dot size and palette.",3,133,["dither","halftone","image","generator"],"MagicPattern","free","VG-0710-480.webp",0,0,0],["fumadocs-vg-0247","Fumadocs","React documentation framework for Next.js, Vite and React Router with search, MDX components, OpenAPI and versioning.",8,134,["nextjs","docs","mdx","openapi"],"Fuma Nama (@fuma-nama)","MIT","VG-0247-480.webp",0,3,0],["debugging-css-vg-1279","Debugging CSS","Book teaching a systematic method for diagnosing CSS bugs — overflow, stacking, containing blocks — instead of guessing.",1,124,["css","debugging","book","method"],"Ahmad Shadeed (@shadeed9)","paid","VG-1279-480.webp",0,5,0],["bentogrids-vg-1613","BentoGrids","Gallery collecting bento-box grid layouts, a pattern that spread fast and has few structured references.",0,35,["bento","layout","grid","inspiration"],"Ivan Volti (@ivanvolti)","free","VG-1613-480.webp",0,6,0],["email-love-vg-1557","Email Love","Gallery of email design inspiration organised by industry, campaign type and layout.",0,135,["email","inspiration","gallery","marketing"],"Andy (@emaillove)","free","VG-1557-480.webp",0,3,0],["e18e-vg-0889","e18e","Community initiative and site cataloguing bloated npm packages, modern replacements, and cleanup guides for shrinking JavaScript dependency trees.",13,136,["npm","dependencies","performance","cleanup"],"e18e community","open-source","VG-0889-480.webp",0,2,0],["3dicons-vg-0722","3dicons","Open-source library of 3D rendered icons in multiple styles and camera angles, free in PNG and Blender source.",3,101,["icons","3d","render","open-source"],"Vijay Verma (@realvjy)","MIT","VG-0722-480.webp",0,2,0],["sssurf-vg-0843","sssurf","SVG wave generator producing layered wave dividers and backgrounds with adjustable amplitude and complexity.",3,137,["svg","waves","divider","generator"],"fffuel","free","VG-0843-480.webp",0,1,0],["21st-dev-vg-2017","21st.dev","Community registry of 12,000+ React and Tailwind components, templates and shadcn themes published by 700+ design engineers, with AI-ready copy prompts.",0,138,["react","tailwind","shadcn","registry","community"],"21st Labs, Inc.","freemium","VG-2017.png",20683,2,0],["css-shadow-gradients-vg-0683","CSS Shadow Gradients","Gallery of layered box-shadow recipes that create gradient-like glows, each copyable as plain CSS.",3,59,["css","box-shadow","gradient","glow"],"Álvaro Trigo","free","VG-0683-480.webp",0,2,0],["custom-corners-vg-0695","Custom Corners","Generates notched, scooped and cut-corner CSS shapes on a single element, without pseudo-element hacks or image assets.",3,20,["css","corners","shapes","generator"],"Temani Afif (@ChallengesCss)","free","VG-0695-480.webp",0,4,0],["ccclaymoji-vg-0795","ccclaymoji","Claymorphism-style emoji maker producing soft 3D clay emoji as downloadable artwork, with adjustable colour and lighting.",3,9,["claymorphism","emoji","3d","generator"],"fffuel","free","VG-0795-480.webp",0,2,0],["explorable-explanations-vg-1134","Explorable Explanations","Hub collecting interactive playable essays and learning-through-play experiences from artists, coders and educators.",10,118,["explorables","interactive","education","inspiration"],"Nicky Case and contributors (@ncasenmare)","free","VG-1134-480.webp",0,5,0],["palette-inspiration-vg-0325","Palette Inspiration","Searchable archive of roughly 23,000 colour palettes extracted from 3,000 painters' artworks, with a colour wheel and image analyser.",7,36,["color","palette","art","inspiration"],"","free","VG-0325-480.webp",0,5,0],["feather-icons-vg-0563","Feather Icons","Open-source icon set drawn on a 24-pixel grid, customisable by size, stroke width and colour, exported as SVG.",5,139,["icons","svg","minimal","stroke","open-source"],"Cole Bemis (@colebemis)","MIT","VG-0563-480.webp",0,7,0],["color-leap-vg-1564","Color Leap","Palettes drawn from specific historical periods, letting you pick color by era rather than mood.",0,45,["color","palettes","history","reference"],"","free","VG-1564-480.webp",0,4,0],["kibo-ui-vg-1960","Kibo UI","Composable shadcn-style registry adding AI chat, kanban, gantt, dropzone, code block and other blocks the core library omits.",9,26,["react","shadcn","registry","blocks"],"Hayden Bleasel (@haydenbleasel)","MIT","VG-1960-480.webp",0,5,0],["blob-shapes-vg-0693","Blob Shapes","Generates organic blob shapes as CSS border-radius or clip-path values, so blobs stay resolution-independent and animatable.",3,20,["css","blob","shapes","generator"],"Temani Afif (@ChallengesCss)","free","VG-0693-480.webp",0,2,0],["float-ui-vg-1983","Float UI","Free Tailwind components and full page templates published simultaneously for React, Vue, Svelte and plain HTML.",9,140,["tailwind","templates","react","vue","svelte"],"MarsX (@marsx_dev)","open-source","VG-1983-480.webp",0,8,0],["css-battle-vg-1233","CSS Battle","Competitive CSS code-golf platform where you recreate a target image in the fewest bytes of CSS possible.",1,103,["css","game","golf","practice"],"CSSBattle team (@css_battle)","free","VG-1233-480.webp",0,5,0],["snabbt-js-vg-1436","Snabbt.js","Minimalist animation library that only touches CSS matrix transforms and opacity, keeping every animation on the compositor thread.",2,33,["javascript","transforms","performance"],"Daniel Lundin (@daniel-lundin)","MIT","VG-1436-480.webp",0,4,0],["codeboarding-vg-0453","CodeBoarding","Generates interactive architecture diagrams directly from a codebase so documentation follows the source.",6,141,["architecture","codebase","diagram","docs"],"CodeBoarding (@CodeBoarding)","open-source","VG-0453-480.webp",0,3,0],["distill-vg-1255","Distill","Peer-reviewed journal of machine learning articles built around custom interactive diagrams; archived but permanently online.",1,142,["explorable","ml","dataviz","writing"],"Distill editorial team","free","VG-1255-480.webp",0,4,0],["laws-of-ux-vg-0542","Laws of UX","Collection of over thirty psychological and usability laws, each with a plain explanation, origin and applied design guidance.",5,5,["ux","principles","psychology","reference"],"Jon Yablonski (@jonyablonski)","free","VG-0542-480.webp",0,7,0],["tttexture-vg-0814","tttexture","Free grunge and vintage texture overlays supplied as ready-to-use image assets for adding wear to flat interfaces.",3,9,["texture","grunge","overlay","assets"],"fffuel","free","VG-0814-480.webp",0,2,0],["nutilz-color-shades-generator-vg-0613","Nutilz Color Shades Generator","Single-purpose tool that expands one base colour into a full tint and shade ramp ready for a token file.",5,95,["color","shades","ramp","tokens"],"Nutilz","free","VG-0613-480.webp",0,6,0],["loro-vg-0924","Loro","Rust CRDT library with WebAssembly bindings supporting rich text, movable tree structures and full version history for collaborative editing.",13,143,["crdt","collaboration","rust","wasm"],"Loro (@loro-dev)","MIT","VG-0924-480.webp",0,3,0],["invisible-details-of-interaction-design-vg-1221","Invisible Details of Interaction Design","Essay cataloguing the small interaction behaviours — hit areas, exit intent, focus handling — that separate good UI from great.",1,29,["interaction-design","craft","essay","ui"],"Rauno Freiberg (@raunofreiberg)","free","VG-1221-480.webp",0,5,0],["smoothui-vg-1974","SmoothUI","Animated React components and UI blocks built with Motion, distributed as copy-paste source.",9,26,["react","motion","animation","blocks"],"Eduardo Calvo (@educalvolpz)","MIT","VG-1974-480.webp",0,4,0],["paper-shaders-vg-1754","Paper Shaders","Zero-dependency animated canvas shaders including mesh gradients, grain, dithering and warps, shipped as React components and vanilla JS.",12,144,["react","shaders","gradients","canvas"],"Paper Design (@paper)","MIT","VG-1754-480.webp",0,7,0],["typo-graphic-posters-vg-1563","Typo/graphic Posters","Curated archive of typographic poster design submitted by designers worldwide.",0,135,["typography","posters","archive","inspiration"],"André Felipe","free","VG-1563-480.webp",0,3,0],["tooltips-speech-bubbles-vg-0704","Tooltips & Speech Bubbles","Generates speech-bubble and tooltip shapes with arbitrary tail position and border in pure CSS.",3,20,["css","tooltip","speech-bubble","generator"],"Temani Afif (@ChallengesCss)","free","VG-0704-480.webp",0,3,0],["forui-vg-1344","Forui","Flutter widget library of minimalist, platform-agnostic components heavily modelled on shadcn/ui, with theming and full customisation.",14,145,["flutter","shadcn","components","design-system"],"Duobase (@duobaseio)","MIT","VG-1344-480.webp",0,4,0],["data-viz-project-vg-0384","Data Viz Project","Catalogue of 200+ chart and diagram types filterable by function, input data shape and visual form.",6,146,["catalogue","chart-types","inspiration","reference"],"Ferdio (@ferdio)","free","VG-0384-480.webp",0,4,0],["matter-js-vg-1492","Matter.js","2D rigid-body physics engine with collision, constraints and composites, frequently repurposed to make UI elements tumble and stack.",2,147,["physics","canvas","2d","interaction"],"Liam Brummitt (@liabru)","MIT","VG-1492-480.webp",0,5,0],["mixkit-stock-video-vg-1074","Mixkit Stock Video","Free stock video clips and templates from Envato, licensed for commercial use without attribution.",4,148,["stock-video","free","commercial","templates"],"Envato","free","VG-1074-480.webp",0,6,0],["skyline-vg-0607","Skyline","Benevity's design system for social-impact and giving products, covering components, tokens and inclusive-content guidance.",5,65,["components","tokens","nonprofit","inclusive"],"Benevity","free","VG-0607-480.webp",0,6,0],["coverr-vg-1594","Coverr","Free stock video footage library aimed at website hero backgrounds and product pages.",0,94,["video","stock","hero","free"],"","free","VG-1594-480.webp",0,6,0],["morphicons-vg-1460","Morphicons","SVG icon library that morphs one glyph into another using closed-form optimal rotation and spring physics, across six frameworks.",2,149,["icons","svg","animation","spring","react"],"Guillermo (guillermolg.com)","MIT","VG-1460-480.webp",0,5,0],["layoutit-grid-vg-0688","Layoutit Grid","Interactive CSS Grid builder supporting named areas, nested grids and live HTML plus CSS export.",3,59,["css","grid","layout","named-areas"],"Leniolabs","MIT","VG-0688-480.webp",0,3,0],["theatre-js-vg-1481","Theatre.js","Visual sequencer and keyframe editor that animates any JS object, including three.js scenes, with a Studio UI overlay.",2,150,["javascript","three-js","timeline","editor"],"Theatre.js (@theatre-js)","Apache-2.0","VG-1481-480.webp",0,5,0],["designsystems-com-vg-0555","DesignSystems.com","Figma's design systems publication with long-form guides on tokens, iconography, spacing, content strategy and design operations.",5,151,["design-systems","guides","designops","editorial"],"Figma","free","VG-0555-480.webp",0,6,0],["crypto-design-club-vg-1655","Crypto Design Club","Gallery of crypto and web3 product interfaces, a vertical almost no mainstream gallery covers.",0,34,["crypto","web3","ui","gallery"],"Predrag (@predragus), Sascha Mayr, Katarina & Nikola (@uxkosta)","free","VG-1655-480.webp",0,4,0],["magic-regexp-vg-0968","magic-regexp","Type-safe regular expression builder that compiles away at build time, giving readable chained syntax and typed capture groups.",13,152,["regex","typescript","dx","unjs"],"UnJS / Daniel Roe (@danielroe)","MIT","VG-0968-480.webp",0,2,0],["pricing-pages-vg-1620","Pricing Pages","Gallery devoted to SaaS pricing page layouts, tier structures and comparison table patterns.",0,35,["pricing","saas","conversion","patterns"],"Finnian Sturdy","free","VG-1620-480.webp",0,2,0],["unplugin-vg-0973","unplugin","Unified plugin authoring layer so one plugin implementation runs across Vite, Rollup, Rolldown, webpack, esbuild and Rspack.",13,152,["bundler","plugin","vite","webpack"],"UnJS / Anthony Fu (@antfu)","MIT","VG-0973-480.webp",0,3,0],["react-email-vg-1850","React Email","React component primitives and 24 prebuilt template categories that render to email-client-safe HTML, plus a local preview server.",9,60,["react","email","components","templates"],"Resend team (@resend)","MIT","VG-1850-480.webp",0,6,0],["codyhouse-library-vg-1474","CodyHouse Library","Component library of interaction-heavy patterns with articles explaining the motion decisions behind each demo.",2,153,["components","interaction","css","patterns"],"CodyHouse (@CodyHouse)","freemium","VG-1474-480.webp",0,4,0],["unpdf-vg-0972","unpdf","PDF utilities for Node, browsers and edge workers that extract text, metadata and page images from a serverless-safe PDF.js build.",13,152,["pdf","serverless","extraction","unjs"],"UnJS / Johann Schopplich (@johannschopplich)","MIT","VG-0972-480.webp",0,4,0],["fancy-multi-select-vg-1858","Fancy Multi Select","Multi-select combobox pattern with chips and keyboard editing, published as a documented craft post with source.",9,154,["react","combobox","multi-select","cmdk"],"Maximilian Kaske (@mxkaske)","MIT","VG-1858-480.webp",0,6,0],["webtui-vg-0816","WebTUI","CSS library that styles the web to look and behave like a terminal user interface, with proper character grids.",3,155,["css","terminal","tui","aesthetic"],"@IroncladDev","open-source","VG-0816-480.webp",0,2,0],["trianglify-vg-0792","Trianglify","Generates low-poly triangle mesh backgrounds from a seed and palette, available as a site and a JS library.",3,3,["svg","low-poly","backgrounds","generative"],"Quinn Rohlf (@qrohlf)","MIT","VG-0792-480.webp",0,2,0],["rawgraphs-vg-0470","RAWGraphs","Browser app that turns pasted spreadsheet data into unusual chart types — alluvial, bump, streamgraph — and exports SVG for Illustrator.",6,156,["no-code","svg-export","alluvial","design"],"DensityDesign / Calibro (@rawgraphs)","Apache-2.0","VG-0470-480.webp",0,3,0],["butterick-s-practical-typography-vg-1292","Butterick's Practical Typography","Complete typography manual written as a hypertext book, with opinionated rules on measure, spacing, and type choice.",1,24,["typography","book","rules","craft"],"Matthew Butterick (@mbutterick)","free","VG-1292-480.webp",0,4,0],["fontsource-vg-0825","Fontsource","Self-hostable npm packages for open-source fonts, including variable and subset builds, so you avoid third-party font CDNs.",3,24,["fonts","npm","self-host","performance"],"Fontsource","MIT","VG-0825-480.webp",0,4,0],["7-rules-for-creating-gorgeous-ui-vg-1241","7 Rules for Creating Gorgeous UI","Two-part article giving concrete visual rules — light source, spacing, contrast, saturation — for developers designing interfaces.",1,44,["ui","visual-design","rules","learning"],"Erik Kennedy (@erikdkennedy)","free","VG-1241-480.webp",0,5,0],["saas-pages-vg-1659","SaaS Pages","Curated collection of SaaS marketing pages organised by page type and conversion goal.",0,34,["saas","landing-page","conversion","gallery"],"Versoly","free","VG-1659-480.webp",0,5,0],["theme-colors-vg-0970","theme-colors","Utility that expands a single base hex color into a full 50-900 shade ramp suitable for Tailwind or CSS variables.",13,152,["color","design-tokens","theming","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0970-480.webp",0,4,0],["the-pudding-vg-1262","The Pudding","Visual essay publication combining data journalism with bespoke scrollytelling interactions; most projects open-source their code.",1,142,["dataviz","scrollytelling","editorial","interactive"],"The Pudding (@puddingviz)","free","VG-1262-480.webp",0,6,0],["pages-that-print-vg-1658","Pages That Print","Collection of landing pages selected specifically for measured conversion performance rather than looks.",0,34,["landing-page","conversion","marketing","gallery"],"Naveen Kumar V","free","VG-1658-480.webp",0,3,0],["untun-vg-0974","untun","CLI that exposes a local HTTP server to a public URL through Cloudflare Quick Tunnels without an account or config.",13,152,["tunnel","ngrok-alternative","localhost","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0974-480.webp",0,5,0],["unsection-vg-1623","Unsection","Gallery that slices websites into individual sections (hero, features, testimonials, CTA) for section-level reference.",0,35,["sections","patterns","landing-page","inspiration"],"Gita","free","VG-1623-480.webp",0,5,0],["whetstone-vg-2011","Whetstone","24 self-contained Claude Code skills, each distilled from one real engineering failure, with sanitised case studies and pre-flight checklists.",15,157,["claude-code","agent-skills","checklists","code-review","plugin"],"Akbarsha (@iamakbarsha1)","free","VG-2011.png",0,6,0],["ambient-garden-vg-0349","ambient.garden","Explorable algorithmic audio landscape where drifting through a 2D world triggers procedurally generated ambient music.",7,158,["generative","audio","web-audio","art"],"Pierre Cusa (@pierrec)","free","VG-0349-480.webp",0,1,0],["claude-marketplaces-vg-0072","Claude Marketplaces","Web directory that indexes Claude Code plugin marketplaces themselves, so you can discover sources rather than individual plugins.",15,159,["claude-code","plugins","directory","marketplace"],"unknown","free","VG-0072-480.webp",0,5,0],["devicon-vg-0725","Devicon","Icon set of programming language, framework and tool logos in original-color and plain variants, as font and SVG.",3,101,["icons","logos","dev-tools","svg"],"Devicon contributors","MIT","VG-0725-480.webp",0,1,0],["refero-vg-1675","Refero","Searchable library of web and iOS product screenshots indexed by component, flow and UI element.",0,42,["ui-patterns","screenshots","reference","search"],"","freemium","VG-1675-480.webp",0,4,0],["nativewindui-vg-1376","NativeWindUI","Component set that deliberately mimics platform-native iOS and Android look and feel instead of a single cross-platform aesthetic.",14,160,["react-native","nativewind","ios","android"],"RoninOSS (@roninoss)","MIT","VG-1376-480.webp",0,6,0],["git-heat-map-vg-0464","Git Heat Map","Visualises a git repository as a treemap coloured by how much each file has changed over a period.",6,156,["git","treemap","heatmap","codebase"],"Joe Forsythe (@jmforsythe)","MIT","VG-0464-480.webp",0,3,0],["can-i-email-vg-1833","Can I Email","Support tables for HTML and CSS features across email clients, in the caniuse format email developers actually need.",9,60,["email","compatibility","reference","css"],"Rémi Parmentier (@HTeuMeuLeu)","open-source","VG-1833-480.webp",0,9,0],["effects-library-vg-1411","effects-library","SwiftUI particle system package with prebuilt snow, rain, fire and confetti emitters.",14,161,["swiftui","particles","confetti","effects"],"Stream (@GetStream)","MIT","VG-1411-480.webp",0,2,0],["pika-vg-0759","Pika","Screenshot beautifier with device frames, browser chrome, backgrounds and templates, plus an API for automated generation.",3,100,["screenshots","mockups","og-image","api"],"Rishi Mohan (@thelifeofrishi)","freemium","VG-0759-480.webp",0,0,0],["ez-tree-vg-1743","EZ-Tree","Open-source procedural tree generator with a browser editor and a Three.js runtime library, exporting GLB models.",12,162,["procedural","trees","three.js","3d"],"Dan Greenheck (@dgreenheck)","MIT","VG-1743-480.webp",0,6,0],["supersplat-editor-vg-1722","SuperSplat Editor","Browser editor for viewing, cleaning and publishing 3D Gaussian splat captures.",12,163,["gaussian-splatting","3d","editor","webgl"],"PlayCanvas","open-source","VG-1722-480.webp",0,5,0],["shadcnship-vg-1821","Shadcnship","Shadcn registry of SaaS blocks pre-wired to Supabase auth, Stripe payments and Resend email rather than static markup.",9,164,["saas","supabase","stripe","resend"],"Arnaud Volp (@arnaudvolp)","open-source","VG-1821-480.webp",0,3,0],["easing-gradients-vg-0685","Easing Gradients","Generates multi-stop CSS gradients that follow an easing curve, eliminating the grey mush in the middle of fades.",3,59,["css","gradient","easing","scrim"],"Andreas Larsen (@larsenwork)","MIT","VG-0685-480.webp",0,3,0],["spartan-vg-1909","Spartan","Angular implementation of shadcn/ui with unstyled brain primitives and styled helm components.",9,165,["angular","shadcn","headless","primitives"],"Robin Goetz (@goetzrobin)","MIT","VG-1909-480.webp",0,4,0],["dense-discovery-vg-1274","Dense Discovery","Weekly newsletter of hand-picked links across design, technology, culture and art, plus tool and book recommendations.",1,57,["newsletter","design","curation","culture"],"Kai Brach (@kaibrach)","free","VG-1274-480.webp",0,4,0],["nesty-vg-1121","nesty","Bitsy-style browser editor that compiles to real NES ROMs, bridging web authoring and actual console hardware.",10,166,["nes","bitsy","retro","rom"],"(@delacannon)","open-source","VG-1121-480.webp",0,5,0],["eeencode-vg-0800","eeencode","Encodes SVG markup to Base64 or URL-encoded form for use in CSS background-image.",3,9,["svg","base64","css","utility"],"fffuel","free","VG-0800-480.webp",0,3,0],["red-blob-games-vg-1138","Red Blob Games","Interactive visual explanations of game algorithms: A* pathfinding, hex grids, field of view, noise-based map generation, Voronoi.",10,118,["pathfinding","hex-grids","algorithms","interactive"],"Amit Patel (@redblobgames)","free","VG-1138-480.webp",0,3,0],["geckos-io-vg-1141","geckos.io","Real-time client/server communication over UDP using WebRTC data channels and Node.js, built for fast-paced browser games.",10,167,["udp","webrtc","multiplayer","netcode"],"Yannick Deubel (@yandeu)","open-source","VG-1141-480.webp",0,4,0],["resilient-web-design-vg-1247","Resilient Web Design","Jeremy Keith's free web book on progressive enhancement, the web's material history and designing for failure.",1,44,["web","progressive-enhancement","book","philosophy"],"Jeremy Keith (@adactio)","CC-BY-SA","VG-1247-480.webp",0,7,0],["magicast-vg-0969","magicast","Programmatically edit JavaScript and TypeScript source files by mutating a proxied AST, preserving original formatting on write.",13,152,["ast","codemod","config","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0969-480.webp",0,5,0],["delphi-tools-vg-0853","delphi.tools","Fifty-eight browser-side utilities covering image editing, colour work, typography, PDF imposition, barcodes and conversion, with no accounts or tracking.",13,168,["tools","no-login","local-first","print","color"],"delphi","free","VG-0853-480.webp",0,5,0],["uqr-vg-0975","uqr","Dependency-free QR code generator that renders to SVG, Unicode or ANSI in any JavaScript runtime including edge workers.",13,152,["qrcode","svg","edge","unjs"],"UnJS / Anthony Fu (@antfu)","MIT","VG-0975-480.webp",0,3,0],["detect-gpu-vg-1168","detect-gpu","Classifies a visitor's GPU from a benchmark database so you can pick shader quality tiers before rendering anything.",10,169,["gpu","performance","webgl","feature-detection"],"Poimandres (@pmndrs)","MIT","VG-1168-480.webp",0,5,0],["hover-css-vg-1444","Hover.css","Collection of CSS3 hover effects — 2D transitions, background sweeps, icons, curls, speech bubbles — in CSS, Sass and LESS.",2,2,["css","hover","sass","effects"],"Ian Lunn (@IanLunn)","MIT","VG-1444-480.webp",0,4,0],["open-peeps-vg-0747","Open Peeps","Hand-drawn illustration library of mix-and-match people components, free for commercial use, also available as a Figma file.",3,25,["illustration","people","hand-drawn","figma"],"Pablo Stanley (@pablostanley)","free","VG-0747-480.webp",0,1,0],["kokonut-ui-vg-1961","Kokonut UI","Free Next.js and Tailwind component collection focused on cards, AI chat surfaces and dashboard widgets.",9,26,["react","nextjs","tailwind","blocks"],"Dorian Baffier (@dorianbaffier)","MIT","VG-1961-480.webp",0,9,0],["durdraw-vg-0313","Durdraw","Terminal ASCII and ANSI art editor with frame animation, 256-colour and 16-colour modes, Unicode and CP437 support and custom themes.",7,170,["ansi","ascii","terminal","animation"],"Sam Foster (@cmang)","open-source","VG-0313-480.webp",0,3,0],["uiverse-vg-1571","Uiverse","Community library of HTML and CSS UI elements contributed and licensed openly, browsable by element type.",0,138,["css","components","community","open-source"],"Pixel Galaxies","open-source","VG-1571-480.webp",0,4,0],["uiverse-loaders-vg-1470","Uiverse Loaders","Community gallery of over a thousand loaders written in plain CSS or Tailwind, each copyable and MIT-licensed.",2,120,["css","tailwind","loaders","community"],"Uiverse.io (@uiverse-io)","MIT","VG-1470-480.webp",0,6,0],["design-details-vg-1277","Design Details","Long-running weekly podcast on design process, product critique and interface craft with 300-plus episodes archived.",1,171,["podcast","design","process","critique"],"Brian Lovin & Marshall Bock (@brian_lovin)","free","VG-1277-480.webp",0,3,0],["undocs-vg-0971","undocs","Minimal documentation theme and CLI that turns a folder of markdown into a fast docs site with zero configuration.",13,152,["docs","static-site","markdown","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0971-480.webp",0,3,0],["origami-studio-vg-1000","Origami Studio","Meta's free desktop tool for designing and prototyping interactions with a patch-based logic graph and hardware APIs.",4,81,["prototyping","interaction","patches","motion"],"Meta","free","VG-1000-480.webp",0,4,0],["reaflow-vg-0476","Reaflow","Modular React diagram engine using ELK.js for automatic layout, with node nesting, drag-drop and undo/redo.",6,172,["react","elkjs","layout","diagram"],"Reaviz / Austin McDaniel (@amcdnl)","Apache-2.0","VG-0476-480.webp",0,4,0],["why-books-don-t-work-vg-1231","Why books don't work","Essay arguing that books are a bad transmission medium for knowledge, and what learning interfaces should do instead.",1,29,["learning","essay","tools-for-thought","canon"],"Andy Matuschak (@andy_matuschak)","free","VG-1231-480.webp",0,5,0],["rhinomcp-vg-0002","rhinomcp","MCP server providing Rhino and Grasshopper automation so agents can build parametric 3D geometry.",15,173,["mcp","rhino","grasshopper","3d"],"Jingcheng Chen (@jingcheng-chen)","open-source","VG-0002-480.webp",0,3,0],["css-diner-vg-1234","CSS Diner","Thirty-two level game that teaches CSS selectors by asking you to select plates, bento boxes and apples.",1,103,["css","selectors","game","learning"],"Luke Pacholski (@flukeout)","MIT","VG-1234-480.webp",0,4,0],["lookup-design-vg-1671","Lookup.design","Browse individual UI elements pulled from live websites, such as pricing tables and hero sections.",0,42,["ui-elements","components","inspiration","search"],"Jesco Wuester (@JescoWuester)","freemium","VG-1671-480.webp",0,5,0],["candlefinance-haptics-vg-1346","candlefinance/haptics","React Native haptics module supporting custom patterns and Apple AHAP pattern files.",14,174,["react-native","haptics","ahap","patterns"],"Candle Finance (@candlefinance)","MIT","VG-1346-480.webp",0,6,0],["design-motion-principles-vg-1426","design-motion-principles","Agent skill with build and audit modes for motion, distilled per-designer from published work by Kowalski, Krehel and Tompkins.",2,175,["skills","agent","motion","audit"],"Kyle Zantos (@kylezantos)","open-source","VG-1426-480.webp",0,4,0],["bedrock-vg-0283","Bedrock","Fullstack starter by Max Stoiber pairing Next.js, GraphQL, Prisma, Stripe, magic-link auth and a documented architecture.",8,176,["nextjs","graphql","prisma","stripe"],"Max Stoiber (@mxstbr)","paid","VG-0283-480.webp",0,2,0],["bitty-engine-vg-1188","Bitty Engine","Itty-bitty 2D engine with built-in code, sprite, map and font editors, programmable in Lua and exportable to HTML5.",10,27,["lua","game-engine","editor","2d"],"Tony Wang (@paladin-t)","open-source","VG-1188-480.webp",0,3,0],["random-css-loader-vg-0698","Random CSS Loader","Serves a random single-element CSS loader on each visit as a browsing interface into the 600-loader set.",3,20,["css","loader","random","discovery"],"Temani Afif (@ChallengesCss)","free","VG-0698-480.webp",0,5,0],["reagraph-vg-0489","Reagraph","WebGL graph visualisation for React with 2D and 3D layouts, clustering, path finding and lasso selection built in.",6,177,["react","webgl","graph","3d"],"Reaviz / Austin McDaniel (@amcdnl)","Apache-2.0","VG-0489-480.webp",0,4,0],["better-web-type-vg-1291","Better Web Type","Free seven-day email course plus articles on web typography: modular scales, pairing, vertical rhythm and typeface anatomy.",1,24,["typography","course","web","scales"],"Matej Latin (@matejlatin)","freemium","VG-1291-480.webp",0,3,0],["tancn-vg-1990","tancn","Component kit for building forms and tables on TanStack Form and TanStack Table with shadcn styling.",9,178,["tanstack","forms","tables","shadcn"],"tancn","open-source","VG-1990-480.webp",0,9,0],["dark-patterns-detective-vg-0380","Dark Patterns Detective","Interactive game that presents real interface screens and asks players to identify the manipulative design tactic being used.",7,179,["ux","dark-patterns","education","game"],"Rohan Dehal","free","VG-0380-480.webp",0,1,0],["giget-vg-0966","giget","Downloads templates and subdirectories from GitHub, GitLab or Bitbucket into a local folder, with caching and offline support.",13,152,["scaffolding","templates","cli","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0966-480.webp",0,4,0],["create-t3-turbo-vg-0287","create-t3-turbo","Turborepo template sharing tRPC, Drizzle and Tailwind code between a Next.js web app and an Expo mobile app.",8,176,["turborepo","trpc","expo","nextjs"],"Julius Marminge (@juliusmarminge) / T3 OSS","MIT","VG-0287-480.webp",0,5,0],["fontaine-vg-0965","fontaine","Build plugin that generates metric-matched local fallback fonts automatically, eliminating layout shift while a webfont loads.",13,152,["fonts","cls","performance","unjs"],"UnJS / Daniel Roe (@danielroe)","MIT","VG-0965-480.webp",0,4,0],["ai-canvas-vg-1802","AI Canvas","Animated React and Tailwind components, blocks and design systems distributed through the shadcn CLI.",9,180,["react","tailwind","animation","registry"],"uiNerd16","open-source","VG-1802-480.webp",0,4,0],["react-native-bottom-tabs-vg-1392","react-native-bottom-tabs","Native bottom tab bar for React Native using UITabBarController and Android BottomNavigationView.",14,181,["react-native","tabs","native","navigation"],"Callstack (@callstack)","MIT","VG-1392-480.webp",0,6,0],["tablecn-vg-0518","tablecn","Data table and data grid built on shadcn/ui and TanStack Table with sorting, filtering, faceting and URL state.",6,182,["shadcn","tanstack-table","react","filters"],"Sadman Sakib (@sadmann7)","MIT","VG-0518-480.webp",0,2,0],["circum-icons-vg-0723","Circum Icons","Single-weight open-source icon set of around three hundred icons, deliberately small and consistent, with React and Vue packages.",3,101,["icons","svg","minimal","open-source"],"Circum","open-source","VG-0723-480.webp",0,2,0],["starlight-vg-0249","Starlight","Astro documentation theme with i18n, site search, sidebar autogeneration and accessible defaults out of the box.",8,134,["astro","docs","i18n","search"],"Astro (@withastro)","MIT","VG-0249-480.webp",0,3,0],["sankeydiagram-net-vg-0507","sankeydiagram.net","Web app for generating budget and flow Sankey diagrams from text input, aimed at personal finance and energy flows.",6,183,["sankey","budget","webapp","flow"],"nxt3 (@nxt3AT)","open-source","VG-0507-480.webp",0,3,0],["automd-vg-0963","automd","Markdown maintainer that regenerates blocks in your README from live data such as package metadata, file contents or badges.",13,152,["markdown","readme","docs","automation"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0963-480.webp",0,5,0],["enzomanuelmangano-demos-vg-1361","enzomanuelmangano/demos","Ongoing collection of React Native animation implementations built with Reanimated, Gesture Handler and Skia, each self-contained.",14,184,["react-native","reanimated","skia","animation"],"Enzo Manuel Mangano (@enzomanuelmangano)","MIT","VG-1361-480.webp",0,4,0],["ai-sdk-rag-starter-vg-0201","AI SDK RAG Starter","Vercel's step-by-step RAG chatbot starter with embeddings, pgvector storage and tool-based retrieval over your own data.",8,185,["ai-sdk","rag","embeddings","postgres"],"Vercel (@vercel)","MIT","VG-0201-480.webp",0,5,0],["hyvector-vg-0374","Hyvector","Browser SVG editor built for speed with no account or install, aimed at precise path and shape editing.",7,186,["svg","editor","vector","browser"],"Jan Bösenberg (INCORS GmbH)","free","VG-0374-480.webp",0,1,0],["scroll-driven-animations-vg-1501","Scroll-Driven Animations","Reference site of live demos, tools and recipes for CSS scroll() and view() timelines, including a progress-bar and stacking-cards cookbook.",2,12,["css","scroll-timeline","demos","native"],"Bramus Van Damme (@bramus)","free","VG-1501-480.webp",0,4,0],["starburst-shapes-vg-0702","Starburst Shapes","Generates starburst and sunburst CSS shapes with adjustable spike count and depth.",3,20,["css","starburst","shapes","generator"],"Temani Afif (@ChallengesCss)","free","VG-0702-480.webp",0,3,0],["ipx-vg-0967","ipx","Self-hosted image proxy built on sharp that resizes, crops and reformats images from URL path modifiers, with caching.",13,152,["images","optimization","proxy","unjs"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0967-480.webp",0,2,0],["pqoqubbw-icons-vg-1968","pqoqubbw/icons","Open-source set of smoothly animated Lucide-style icons as React components with motion on interaction.",9,26,["react","icons","animation","motion"],"@pqoqubbw","MIT","VG-1968-480.webp",0,7,0],["nutshell-vg-1137","Nutshell","Tool for writing expandable explanations — inline links that unfold into nested context instead of navigating away.",10,118,["explorable","writing","ui-pattern","progressive-disclosure"],"Nicky Case (@ncasenmare)","free","VG-1137-480.webp",0,5,0],["savee-vg-1609","Savee","Visual bookmarking platform for design references with fast search, boards and a strong community feed.",0,111,["bookmarking","inspiration","boards","search"],"Savee, Inc.","freemium","VG-1609-480.webp",0,5,0],["shumoku-vg-0457","shumoku","Generates network topology diagrams from YAML with 900+ vendor icons and NetBox integration.",6,141,["network","topology","yaml","icons"],"Akitoshi Konoe (@konoe-akitoshi)","open-source","VG-0457-480.webp",0,3,0],["github-elements-vg-1999","github-elements","GitHub's own collection of custom elements used in production across github.com, published as standalone web components.",9,187,["web-components","production","primitives","accessibility"],"GitHub (@github)","MIT","VG-1999-480.webp",0,4,0],["anchoreum-vg-1232","Anchoreum","Game teaching CSS anchor positioning by placing museum artifacts, covering anchor-name, position-area and fallback positioning.",1,103,["css","anchor-positioning","game","popover"],"Thomas Park / Codepip (@thomaspark)","free","VG-1232-480.webp",0,4,0],["deceptive-design-vg-0539","Deceptive Design","Taxonomy of eighteen manipulative interface patterns with a 200-example hall of shame and the relevant regulatory enforcement actions.",5,5,["dark-patterns","ethics","regulation","ux"],"Harry Brignull / Testimonium Ltd","free","VG-0539-480.webp",0,5,0],["next-js-saas-starter-vg-0295","Next.js SaaS Starter","Official Next.js starter with Postgres, Drizzle, Stripe checkout and customer portal, RBAC teams and shadcn/ui dashboard.",8,176,["nextjs","stripe","postgres","drizzle"],"Lee Robinson (@leerob) / Vercel","MIT","VG-0295-480.webp",0,4,0],["masscode-vg-0952","massCode","Offline developer workspace for code snippets, markdown notes, HTTP requests and sketches, stored as plain files with VS Code and Raycast integrations.",13,188,["snippets","notes","markdown","offline","raycast"],"Anton Reshetov (@antonreshetov)","open-source","VG-0952-480.webp",0,5,0],["draw-audio-vg-0383","Draw.Audio","Browser sequencer where notes are drawn onto a grid and played instantly, with waveform selection, filters, reverb, delay and modulation.",7,189,["web-audio","music","sequencer","browser"],"Randy","free","VG-0383-480.webp",0,1,0],["liquid-glass-nikdelvin-vg-0158","liquid-glass (nikdelvin)","Component set of LiquidGlass containers, LiquidText and LiquidButton built purely from CSS and SVG filter primitives.",11,190,["css","svg-filter","liquid-glass","components"],"Nik Delvin (@nikdelvin)","open-source","VG-0158-480.webp",0,5,0],["screwfast-vg-0227","ScrewFast","Astro business site template with a large component set, MDX docs section and industrial visual direction.",8,191,["astro","tailwind","business","docs"],"mearashadowfax (@mearashadowfax)","MIT","VG-0227-480.webp",0,4,0],["player-style-vg-0355","Player.style","Library of themable video and audio player skins built on Media Chrome web components, working with Video.js, YouTube embeds and any framework.",7,192,["video","web-components","player","themes"],"Mux","open-source","VG-0355-480.webp",0,3,0],["mijick-popups-vg-1408","Mijick Popups","Declarative SwiftUI presentation layer covering popups, sheets, alerts, toasts and banners under one API.",14,193,["swiftui","popup","sheet","toast"],"Mijick (@Mijick)","MIT","VG-1408-480.webp",0,5,0],["terrazzo-vg-0630","Terrazzo","CLI that compiles DTCG token JSON into CSS, Sass, TypeScript, Swift and Tailwind outputs, successor to Cobalt UI.",5,19,["design-tokens","dtcg","cli","codegen"],"Terrazzo (@terrazzoapp)","MIT","VG-0630-480.webp",0,3,0],["ignite-vg-0254","Ignite","Infinite Red's long-running React Native boilerplate with generators, opinionated folder structure and a component library.",8,194,["react-native","expo","generators","cli"],"Infinite Red (@infinitered)","MIT","VG-0254-480.webp",0,3,0],["jitter-vg-0998","Jitter","Web-based motion design tool that imports Figma frames and exports video, GIF or Lottie with reusable animated components.",4,81,["motion","lottie","figma-plugin","animation"],"Jitter","freemium","VG-0998-480.webp",0,8,0],["open-saas-vg-0298","Open SaaS","Full SaaS template on the Wasp framework with auth, Stripe or Lemon Squeezy billing, admin dashboard and Astro blog.",8,176,["react","node","prisma","saas"],"Wasp (@wasp-lang)","MIT","VG-0298-480.webp",0,2,0],["practical-accessibility-vg-1226","Practical Accessibility","Forty-chapter video course teaching accessible interface engineering: semantics, focus management, screen readers and WCAG in practice.",1,29,["accessibility","course","wcag","screen-readers"],"Sara Soueidan (@SaraSoueidan)","paid","VG-1226-480.webp",0,4,0],["fanfa-vg-0342","Fanfa","Turns static Mermaid.js diagrams into animated sequenced visualisations with themes and video export for architecture walkthroughs.",7,195,["mermaid","animation","diagrams","video"],"@baires","open-source","VG-0342-480.webp",0,3,0],["dante-vg-0221","Dante","Single-author Astro blog and portfolio theme with project pages, image galleries and a calm editorial layout.",8,191,["astro","portfolio","blog","editorial"],"Just Good UI (@JustGoodUI)","MIT","VG-0221-480.webp",0,4,0],["mac-app-supply-vg-2025","Mac App Supply","Hand-curated directory of beautifully designed macOS apps and indie utilities, browsable by category, with a separate section for app icons.",0,22,["macos","apps","icons","indie","directory"],"Solt Wagner (@soltwagner)","free","VG-2025.webp",20683,4,0],["next-saas-starter-by-blazity-vg-0250","Next SaaS Starter by Blazity","Responsive JAMStack landing page template for SaaS products with reusable sections and smooth scroll effects.",8,196,["nextjs","landing","jamstack","saas"],"Blazity (@Blazity)","MIT","VG-0250-480.webp",0,5,0],["openfreemap-vg-0502","OpenFreeMap","Free hosted vector tile service with custom styles, self-hostable from the same open stack.",6,6,["tiles","hosting","maplibre","free"],"Zsolt Ero (@hyperknot)","open-source","VG-0502-480.webp",0,5,0],["magic-mcp-vg-0106","magic-mcp","MCP server from 21st.dev that generates production-ready React UI components from natural language descriptions.",15,197,["mcp","ui-generation","react","21st"],"21st.dev (@21st-dev)","open-source","VG-0106-480.webp",0,5,0],["markovjunior-vg-1177","MarkovJunior","Probabilistic programming language for generative art and level design based on rewrite rules and constraint propagation.",10,162,["procgen","rewrite-rules","level-design","generative"],"Maxim Gumin (@ExUtumno)","MIT","VG-1177-480.webp",0,4,0],["bitecs-vg-1098","bitECS","Minimal data-oriented entity component system for TypeScript using typed arrays and SoA storage for cache-friendly iteration.",10,198,["ecs","typescript","performance","data-oriented"],"Nathaniel Martin (@NateTheGreatt)","open-source","VG-1098-480.webp",0,8,0],["nnnoise-vg-1723","nnnoise","Generator for SVG noise and grain texture overlays with control over frequency, opacity and blend mode, exporting SVG or CSS.",12,79,["svg","noise","texture","generator"],"fffuel","free","VG-1723-480.webp",0,4,0],["haptico-vg-1347","Haptico","Swift haptic feedback generator with pattern-play support, so you can script vibration rhythms.",14,174,["ios","swift","haptics","patterns"],"Ivan Sapozhnik (@iSapozhnik)","MIT","VG-1347-480.webp",0,4,0],["it-tools-vg-0854","IT Tools","Open-source collection of developer utilities — encoders, converters, generators, network and crypto helpers — all running client-side.",13,168,["tools","self-hostable","converters","crypto","docker"],"Corentin Thomasset (@cthmsst)","GPL","VG-0854-480.webp",0,6,0],["maplibre-gl-js-vg-0499","MapLibre GL JS","Community fork of Mapbox GL JS rendering interactive vector tile maps in WebGL under a permissive licence.",6,6,["vector-tiles","webgl","maps","mapbox-alternative"],"MapLibre org (@maplibre)","open-source","VG-0499-480.webp",0,7,0],["citty-vg-0964","citty","Composable CLI builder with typed argument definitions, nested subcommands, auto-generated usage output and lazy command loading.",13,152,["cli","typescript","unjs","dx"],"UnJS / Pooya Parsa (@pi0)","MIT","VG-0964-480.webp",0,3,0],["async-labs-saas-vg-0282","Async Labs SaaS","Battle-tested TypeScript SaaS app with teams, real-time chat, Stripe billing and MongoDB, extracted from a shipped product.",8,176,["typescript","express","mongodb","teams"],"Async Labs (@async-labs)","MIT","VG-0282-480.webp",0,4,0],["vico-vg-1314","vico","Extensible chart library for Compose Multiplatform with declarative APIs and custom axis rendering.",14,199,["compose","charts","kotlin","multiplatform"],"Patryk Goworowski and Patrick Michalik","Apache-2.0","VG-1314-480.webp",0,3,0],["vercel-platforms-starter-kit-vg-0305","Vercel Platforms Starter Kit","Multi-tenant template for building Vercel-style platforms: custom domains, subdomain routing and per-tenant sites.",8,176,["nextjs","multi-tenant","domains","platform"],"Vercel (@vercel)","MIT","VG-0305-480.webp",0,5,0],["use-gesture-vg-1494","use-gesture","Hook and vanilla library normalizing drag, pinch, wheel, scroll and hover into velocity- and offset-aware gesture state.",2,147,["react","gesture","drag","pinch"],"Poimandres (@pmndrs)","MIT","VG-1494-480.webp",0,4,0],["jakubkrehel-skills-vg-1526","jakubkrehel/skills","Agent skill files targeting specific design aspects such as animation timing and typographic detail.",0,175,["skills","ai-agents","typography","animation"],"Jakub Krehel (@jakubkrehel)","open-source","VG-1526-480.webp",0,6,0],["shadowlab-vg-0773","shadowLab","Interactive playground for designing layered box shadows and exporting them for both web CSS and React Native.",3,200,["shadows","css","react-native","generator"],"Mocarski","free","VG-0773-480.webp",0,3,0],["colormap-shaders-vg-0413","colormap-shaders","GLSL shader implementations of over 100 named colormaps for use in WebGL and GPU visualisations.",6,201,["glsl","colormap","webgl","shader"],"kbinani (@kbinani)","MIT","VG-0413-480.webp",0,4,0],["layoutit-terra-vg-0334","Layoutit Terra","Procedural terrain generator that renders landmass, biomes and elevation entirely through CSS grid cells rather than canvas.",7,202,["css","generative","grid","terrain"],"Layoutit Studio","free","VG-0334-480.webp",0,2,0],["preline-ui-vg-1984","Preline UI","Tailwind component library with 640+ components, 944 prebuilt blocks, 21 templates and 27 headless interaction plugins.",9,140,["tailwind","components","blocks","templates","figma"],"Preline Labs / Htmlstream (@preline)","freemium","VG-1984-480.webp",0,4,0],["react-native-graph-vg-1383","react-native-graph","Animated line graph component for React Native built on Skia, with gesture-driven scrubbing.",14,203,["react-native","skia","charts","animation"],"Margelo (@margelo)","MIT","VG-1383-480.webp",0,3,0],["sankeymatic-vg-0508","SankeyMATIC","Browser tool that builds publication-quality Sankey diagrams from a plain-text flow list with full styling control.",6,183,["sankey","flow","generator","browser"],"Steve Bogart (@nowthis)","MIT","VG-0508-480.webp",0,4,0],["pow-vg-1412","Pow","SwiftUI effect library with prepackaged transitions and change effects: particle bursts, jumps, shines, glows and shakes.",14,161,["swiftui","animation","transitions","effects"],"Emerge Tools (@EmergeTools)","MIT","VG-1412-480.webp",0,4,0],["tweego-vg-1127","Tweego","Command-line compiler for Twine/Twee story formats, letting you keep interactive fiction in version-controlled text files.",10,166,["twine","cli","twee","version-control"],"Thomas M. Edwards (@tmedwards)","open-source","VG-1127-480.webp",0,4,0],["webutils-io-vg-0855","WebUtils.io","Sixty-three free browser tools spanning JSON formatting, image compression, favicon and flexbox generation, PGP and Tauri icon output.",13,168,["tools","json","images","generators","favicon"],"WebUtils team","free","VG-0855-480.webp",0,3,0],["prompt-kit-vg-0206","prompt-kit","Component library of AI app building blocks: message lists, prompt inputs, code blocks, reasoning and tool call views.",8,185,["ai","components","shadcn","chat-ui"],"Julien Thibeaut (@ibelick)","MIT","VG-0206-480.webp",0,3,0],["figmalion-vg-1644","Figmalion","Newsletter dedicated to Figma techniques, plugins, community files and workflow changes.",0,57,["newsletter","figma","plugins","workflow"],"Eugene Fedorenko (@efedorenko)","free","VG-1644-480.webp",0,6,0],["minimal-gallery-vg-1690","Minimal Gallery","Showcase focused exclusively on minimalist web layouts, useful as a reference for restraint and whitespace decisions.",0,75,["minimal","inspiration","layout","whitespace"],"Piet","free","VG-1690-480.webp",0,5,0],["surface-forge-vg-1414","surface-forge","SwiftUI plus Metal surfaces that react to device tilt, shipped as a dependency-free Swift package.",14,161,["swiftui","metal","gyroscope","shaders"],"AetherMaker","MIT","VG-1414-480.webp",0,6,0],["purposeful-ios-animations-vg-1418","purposeful-ios-animations","SwiftUI reimplementations of meaningful animations from popular iOS apps, each with source and explanation.",14,204,["swiftui","animation","inspiration","ios"],"Stream (@GetStream)","MIT","VG-1418-480.webp",0,5,0],["onlook-vg-0020","Onlook","Open-source visual editor that lets you style and edit a running React app directly and writes the code changes back.",15,205,["react","visual-editor","design","open-source"],"Onlook (@onlook-dev)","Apache-2.0","VG-0020-480.webp",0,3,0],["hhholographic-vg-0721","hhholographic","Generates iridescent holographic background gradients with adjustable hue sweep and grain.",3,206,["svg","holographic","iridescent","background"],"fffuel","free","VG-0721-480.webp",0,1,0],["cta-gallery-vg-1614","CTA Gallery","Gallery of call-to-action sections and buttons collected from live marketing sites.",0,35,["cta","conversion","inspiration","marketing"],"Webestica","free","VG-1614-480.webp",0,6,0],["d3-voronoi-treemap-vg-0436","d3-voronoi-treemap","Treemap layout that packs hierarchies into arbitrary shapes using Voronoi tessellation instead of nested rectangles.",6,207,["treemap","voronoi","hierarchy","d3"],"Franck Lebeau (@Kcnarf)","open-source","VG-0436-480.webp",0,4,0],["ahmad-shadeed-vg-1216","Ahmad Shadeed","Deep-dive CSS articles on layout, container queries, subgrid, field-sizing and fluid sizing, each with annotated visual diagrams.",1,29,["css","layout","writing","diagrams"],"Ahmad Shadeed (@shadeed9)","free","VG-1216-480.webp",0,6,0],["design-systems-vg-0554","design.systems","Community hub linking design system Slack groups, newsletters, events and a curated resource index maintained by practitioners.",5,151,["community","design-systems","newsletter","events"],"Design Systems Community","free","VG-0554-480.webp",0,3,0],["morpheus-vg-1337","morpheus","Flutter package implementing Material container transform and shared-axis page transitions between list items and detail screens.",14,208,["flutter","transitions","material","navigation"],"Salby","MIT","VG-1337-480.webp",0,2,0],["plate-vg-1942","Plate","Rich-text editor framework for React built on Slate, with plugin packages and a shadcn component registry.",9,209,["react","editor","slate","registry"],"@udecode","MIT","VG-1942-480.webp",0,4,0],["skyoffice-vg-1149","SkyOffice","Virtual office built with Phaser, React, PeerJS and Colyseus — a full reference for proximity-video multiplayer worlds.",10,210,["phaser","colyseus","webrtc","multiplayer"],"Kevin Shen (@kevinshen56714)","MIT","VG-1149-480.webp",0,3,0],["pixijs-filters-vg-1173","PixiJS Filters","Community collection of display filters for PixiJS: glow, godray, CRT, bulge-pinch, shockwave, ascii, dot screen and more.",10,169,["pixijs","shaders","filters","postprocessing"],"PixiJS team","MIT","VG-1173-480.webp",0,3,0],["graph-scroll-vg-0439","graph-scroll","Minimal scroll-driven event library for D3 graphics, sized for a single explanatory piece rather than a framework.",6,207,["scrollytelling","d3","scroll","editorial"],"Adam Pearce (@adamrpearce)","open-source","VG-0439-480.webp",0,4,0],["nativeui-nativeui-org-ui-vg-1375","NativeUI (nativeui-org/ui)","Accessible React Native components distributed through the shadcn registry format, installable with the same CLI you use on web.",14,160,["react-native","shadcn","registry","accessibility"],"nativeui-org","MIT","VG-1375-480.webp",0,5,0],["lightdash-vg-0445","Lightdash","Open-source BI layer that turns dbt models directly into explorable dashboards without a separate metric definition.",6,211,["dbt","bi","metrics","dashboards"],"Lightdash (@lightdash)","MIT","VG-0445-480.webp",0,5,0],["extro-vg-0290","Extro","Browser extension starter kit with React, Tailwind, typed messaging, i18n, billing and cross-browser build tooling.",8,176,["browser-extension","react","tailwind","starter"],"TurboStarter (@turbostarter)","open-source","VG-0290-480.webp",0,4,0],["glasscn-ui-vg-1955","glasscn-ui","Glassmorphism variant layer over shadcn/ui components with blur, translucency and layered depth tokens.",9,26,["react","glassmorphism","shadcn","theme"],"@itsjavi","MIT","VG-1955-480.webp",0,6,0],["fluttercn-vg-1343","fluttercn","Copy-into-your-project Flutter component library following the shadcn ownership model rather than a package dependency.",14,145,["flutter","shadcn","registry","components"],"Pinak (@pinak3748)","MIT","VG-1343-480.webp",0,3,0],["blackspike-astro-landing-page-vg-0219","Blackspike Astro Landing Page","Agency-built Astro landing page with animation, dark mode and a strong opinionated visual identity.",8,191,["astro","agency","animation","landing"],"Blackspike (@blackspike)","MIT","VG-0219-480.webp",0,5,0],["fireworks-js-vg-0176","fireworks-js","Configurable fireworks particle library with React, Vue, Svelte and Angular bindings plus sound and trace controls.",11,48,["particles","canvas","fireworks","celebration"],"(@crashmax-dev)","MIT","VG-0176-480.webp",0,4,0],["xyflow-react-flow-svelte-flow-vg-0478","xyflow (React Flow / Svelte Flow)","Node-based UI libraries for React and Svelte with minimap, controls, custom nodes, edge routing and viewport helpers.",6,172,["react","svelte","node-editor","flow"],"xyflow team (@xyflowdev)","MIT","VG-0478-480.webp",0,4,0],["leshi-ui-vg-1373","leshi-ui","CLI and component toolkit for React Native with a theming layer and no runtime styling overhead.",14,160,["react-native","cli","theming","components"],"Agustin Oberg (@AgustinOberg)","MIT","VG-1373-480.webp",0,4,0],["pulsar-vg-0329","Pulsar","Micro creative-coding playground where you edit a short expression and switch between classic, hex and triangular tilings to make generative loops.",7,97,["generative","creative-coding","playground","art"],"Stanko Tadić (@stankot)","free","VG-0329-480.webp",0,2,0],["d3-geo-voronoi-vg-0427","d3-geo-voronoi","Spherical Voronoi diagrams and Delaunay triangulation computed on the globe rather than a flat plane.",6,207,["geo","voronoi","spherical","d3"],"Philippe Rivière (@recifs)","MIT","VG-0427-480.webp",0,3,0],["make-real-vg-0019","make-real","tldraw project that turns a hand-drawn interface sketch on a canvas into working HTML you can iterate on.",15,205,["tldraw","sketch-to-code","prototype","canvas"],"tldraw","open-source","VG-0019-480.webp",0,4,0],["anime-js-vg-1430","Anime.js","Timeline-based animation engine covering CSS, SVG, DOM attributes and JS objects; v4 rewrote it into tree-shakeable modules.",2,33,["javascript","timeline","svg","css"],"Julian Garnier (@juliangarnier)","MIT","VG-1430-480.webp",0,2,0],["gradient-shadows-vg-0697","Gradient Shadows","Generates multi-colour gradient box-shadows in pure CSS with live preview and copyable output.",3,20,["css","shadows","gradient","generator"],"Temani Afif (@ChallengesCss)","free","VG-0697-480.webp",0,2,0],["oimophysics-vg-1150","OimoPhysics","Cross-platform 3D rigid body physics engine written in Haxe with a JavaScript build, joints and broadphase options.",10,212,["physics","3d","haxe","rigid-body"],"Saharan (@saharan)","MIT","VG-1150-480.webp",0,3,0],["dddoodle-vg-0799","dddoodle","Hand-drawn doodle collection delivered as editable vector SVG assets you can recolour and combine into illustration sets.",3,9,["svg","doodle","hand-drawn","assets"],"fffuel","free","VG-0799-480.webp",0,2,0],["juggl-vg-0486","Juggl","Interactive, stylable and expandable graph view for Obsidian built on Cytoscape.js with a CSS-like styling language.",6,177,["obsidian","graph","cytoscape","knowledge"],"Emile van Krieken (@HEmile)","GPL","VG-0486-480.webp",0,6,0],["simplex-noise-js-vg-1182","simplex-noise.js","Fast simplex noise implementation in TypeScript with seedable PRNGs and 2D, 3D and 4D variants.",10,162,["noise","procgen","typescript","terrain"],"Jonas Wagner (@jwagner)","MIT","VG-1182-480.webp",0,5,0],["shipfree-vg-0304","ShipFree","Open-source reimplementation of the ShipFast feature set: Next.js, Supabase, Stripe and LemonSqueezy, MailGun and docs.",8,176,["nextjs","supabase","stripe","shipfast"],"Revoks Lab (@revokslab)","MIT","VG-0304-480.webp",0,4,0],["storefront-vg-1661","Storefront","Curated ecommerce homepage gallery refreshed weekly with a focus on merchandising layout.",0,34,["ecommerce","homepage","gallery","inspiration"],"","free","VG-1661-480.webp",0,5,0],["dembrandt-vg-0619","Dembrandt","Node tool that drives a real browser to extract a site's logo, colours, typography, borders and motion into tokens.",5,19,["design-tokens","scraping","automation","node"],"@thevangelist","MIT","VG-0619-480.webp",0,5,0],["tsdown-vg-0861","tsdown","Rolldown-powered bundler for TypeScript libraries that emits ESM, CJS and declaration files from a minimal config.",13,213,["bundler","typescript","rolldown","library"],"Rolldown team / Kevin Deng (@sxzz)","MIT","VG-0861-480.webp",0,5,0],["design-systems-surf-vg-1583","Design Systems Surf","Repository of components, foundations and tokens extracted from the public design systems of major tech companies.",0,72,["design-systems","components","reference","tokens"],"Ilya Greben","free","VG-1583-480.webp",0,4,0],["obytes-react-native-starter-vg-0255","Obytes React Native Starter","Expo and TypeScript app starter with NativeWind, React Query, forms, env management, EAS builds and GitHub Actions.",8,194,["expo","react-native","nativewind","eas"],"Obytes (@obytes)","MIT","VG-0255-480.webp",0,3,0],["treeviz-vg-0473","treeviz","Small library for rendering customisable interactive tree diagrams from JSON with collapsible nodes.",6,156,["tree","hierarchy","json","interactive"],"Pierre Capo (@PierreCapo)","MIT","VG-0473-480.webp",0,3,0],["sharable-form-builder-vg-1879","Sharable Form Builder","Next.js form builder that produces shareable links to forms you assemble in the browser.",9,214,["form-builder","nextjs","sharing","open-source"],"Ayoub Ben (@ayoubben18)","open-source","VG-1879-480.webp",0,6,0],["swiftui-spring-animations-vg-1421","swiftui-spring-animations","Reference catalogue of SwiftUI spring animation parameter values with side-by-side visual comparisons.",14,204,["swiftui","springs","animation","reference"],"Stream (@GetStream)","MIT","VG-1421-480.webp",0,5,0],["accessible-astro-components-vg-1805","accessible-astro-components","Astro component collection with built-in ARIA attributes, keyboard navigation and tested interactive behaviour.",9,215,["astro","accessibility","aria","components"],"Incluud (@incluud)","MIT","VG-1805-480.webp",0,5,0],["metal-sdf-examples-vg-1351","Metal-SDF-Examples","Shape animation examples built with signed distance fields in Metal Shading Language for iOS.",14,216,["ios","metal","sdf","shaders"],"Shuichi Tsutsumi (@shu223)","MIT","VG-1351-480.webp",0,4,0],["luna-landing-vg-0223","Luna Landing","Single-page Astro landing template with sections, i18n scaffolding and a clean gradient-free design.",8,191,["astro","landing","one-page","i18n"],"Jimmy Camus (@JimmyCamus)","MIT","VG-0223-480.webp",0,3,0],["library-of-congress-free-to-use-vg-1085","Library of Congress Free to Use","Over a hundred curated thematic sets of rights-free photographs, posters, maps and films from Library of Congress holdings.",4,217,["public-domain","archive","photography","posters"],"Library of Congress","free","VG-1085-480.webp",0,8,0],["indie-icons-vg-0731","Indie Icons","Free hand-made icon set from Visiwig with unusual, characterful shapes distinct from standard icon libraries.",3,101,["icons","svg","free","indie"],"Visiwig","free","VG-0731-480.webp",0,0,0],["moti-vg-1363","Moti","Declarative animation layer over Reanimated with Framer-Motion-style mount and unmount transitions, variants and sequences.",14,184,["react-native","reanimated","animation","universal"],"Fernando Rojo (@FernandoTheRojo)","MIT","VG-1363-480.webp",0,5,0],["react-native-blur-margelo-vg-1382","react-native-blur (Margelo)","Blur and vibrancy view component for React Native exposing platform blur materials.",14,203,["react-native","blur","vibrancy","ios"],"Margelo (@margelo)","MIT","VG-1382-480.webp",0,4,0],["awesome-canvas-vg-1130","awesome-canvas","Curated list of HTML5 canvas libraries, demos, articles and experiments across games, graphics and visualisation.",10,118,["canvas","awesome-list","html5","graphics"],"Raphael Amorim (@raphamorims)","open-source","VG-1130-480.webp",0,3,0],["fantasy-map-generator-vg-1175","Fantasy Map Generator","Browser application generating interactive fantasy world maps with heightmaps, cultures, states, religions and exportable data.",10,162,["worldbuilding","procgen","map","browser"],"Azgaar (@Azgaar)","MIT","VG-1175-480.webp",0,4,0],["hikari-vg-0292","Hikari","Next.js SaaS template pairing Supabase and Stripe with a landing page, blog and dashboard in one repo.",8,176,["nextjs","supabase","stripe","template"],"Antoine Ross (@antoineross)","MIT","VG-0292-480.webp",0,4,0],["reka-ui-vg-1891","Reka UI","Unstyled accessible Vue component primitives, the renamed and expanded successor to Radix Vue.",9,107,["vue","headless","primitives","accessibility"],"@unovue","MIT","VG-1891-480.webp",0,7,0],["turn-signal-vg-1523","Turn Signal","Adds direction awareness to view transitions so back and forward navigation animate opposite ways automatically.",2,70,["view-transitions","navigation","direction","css"],"Martin Trapp (@martrapp)","MIT","VG-1523-480.webp",0,5,0],["jahir-dev-vg-0232","jahir.dev","Jahir Fiquitiva's portfolio source: Next.js, TypeScript, Tailwind, MDX, dynamic theming and animated project cards.",8,218,["nextjs","mdx","theming","portfolio"],"Jahir Fiquitiva (@jahirfiquitiva)","MIT","VG-0232-480.webp",0,3,0],["mo-js-vg-1432","Mo.js","Declarative motion-graphics toolbelt for bursts, shape swirls and custom timelines; built for particle-style UI flourishes, not tweening DOM.",2,33,["javascript","motion-graphics","svg","particles"],"Oleg Solomka (@legomushroom)","MIT","VG-1432-480.webp",0,3,0],["starterindex-vg-0245","StarterIndex","Searchable index of SaaS boilerplates filterable by stack combination such as Next.js plus Supabase.",8,13,["boilerplate","directory","nextjs","supabase"],"StarterIndex","free","VG-0245-480.webp",0,2,0],["maputnik-vg-0500","Maputnik","Visual editor for the MapLibre style specification with live preview, running fully in the browser.",6,6,["map-style","editor","maplibre","cartography"],"MapLibre org (@maplibre)","MIT","VG-0500-480.webp",0,4,0],["tailwindcss-3d-vg-1986","tailwindcss-3d","Tailwind plugin adding 3D transform utilities for rotation, translation and perspective composition.",9,219,["tailwind","3d","transforms","plugin"],"Sam Bauers (@sambauers)","MIT","VG-1986-480.webp",0,6,0],["evidence-vg-0444","Evidence","Business intelligence as code: write markdown with SQL blocks and get a fast static data site with interactive charts.",6,211,["bi-as-code","markdown","sql","static-site"],"Evidence (@evidence-dev)","MIT","VG-0444-480.webp",0,3,0],["awesome-liquid-glass-vg-1417","awesome-liquid-glass","Repository of SwiftUI source files reproducing iOS 26 liquid glass morphing, stretch and squash effects.",14,204,["swiftui","liquid-glass","ios26","animation"],"Stream (@GetStream)","MIT","VG-1417-480.webp",0,3,0],["asciigraph-vg-0460","asciigraph","Go package that draws line graphs as ASCII art for terminal dashboards and CLI tools.",6,156,["terminal","ascii","go","cli"],"Rohit Gupta (@guptarohit)","open-source","VG-0460-480.webp",0,3,0],["alertkit-vg-1403","AlertKit","Native-feeling alert presentations copied from Apple Music and system feedback HUDs, with Done and Heart presets.",14,193,["ios","swiftui","alert","hud"],"Sparrow Code (@sparrowcode)","MIT","VG-1403-480.webp",0,3,0],["microstudio-vg-1194","microStudio","Browser-based game engine and IDE with built-in sprite editor, map editor and its own scripting language, plus multiplayer.",10,27,["game-engine","browser-ide","education","multiplayer"],"Pierre Gaufillet (@pmgl)","open-source","VG-1194-480.webp",0,2,0],["polygonjs-vg-1737","Polygonjs","Node-based visual editor for building procedural WebGL scenes, geometry and materials that export to a Three.js runtime.",12,220,["three.js","node-editor","procedural","webgl"],"Guillaume Fradin (@polygonjs)","freemium","VG-1737-480.webp",0,3,0],["atlantis-vg-0571","Atlantis","Jobber's design system for field-service software, with React and React Native components and scheduling-specific patterns.",5,65,["react","react-native","scheduling","smb"],"Jobber","MIT","VG-0571-480.webp",0,4,0],["cap-vg-0259","Cap","Loom alternative for screen recording and sharing, with a native desktop app and instant shareable links.",8,17,["rust","tauri","screen-recording","loom"],"Cap (@CapSoftware)","GPL","VG-0259-480.webp",0,3,0],["free-for-dev-vg-1549","free-for-dev","List of SaaS, PaaS and IaaS offerings with genuinely permanent free tiers, excluding time-limited trials.",0,221,["free-tier","infrastructure","saas","awesome-list"],"R.I. Pienaar (@ripienaar)","open-source","VG-1549-480.webp",0,6,0],["astryx-vg-0570","Astryx","Meta's public design system documentation for its component set, foundations and interaction conventions.",5,65,["components","foundations","meta","patterns"],"Meta Platforms","free","VG-0570-480.webp",0,7,0],["mkdocs-shadcn-vg-1904","mkdocs-shadcn","MkDocs theme that renders documentation sites using shadcn/ui visual language and components.",9,165,["mkdocs","docs","theme","shadcn"],"@asiffer","MIT","VG-1904-480.webp",0,4,0],["tailcast-vg-0228","Tailcast","Dark-themed Astro and Tailwind landing page template with a modern SaaS visual language and animated sections.",8,191,["astro","tailwind","dark","landing"],"matt765 (@matt765)","MIT","VG-0228-480.webp",0,5,0],["chart-xkcd-vg-0493","chart.xkcd","SVG chart library that draws in xkcd comic style with wobbly axes, hand-lettered labels and cartoon tooltips.",6,222,["xkcd","hand-drawn","svg","comic"],"Tim Qian (@tim_qian)","MIT","VG-0493-480.webp",0,3,0],["copernicus-browser-vg-0946","Copernicus Browser","Free platform for viewing, analysing and downloading Sentinel satellite imagery with custom band combinations.",13,223,["satellite","imagery","sentinel","analysis"],"ESA","free","VG-0946-480.webp",0,5,0],["design-tokens-figma-plugin-vg-0621","Design Tokens (Figma plugin)","Figma plugin exporting styles and variables to Style Dictionary-compatible JSON, with direct push to GitHub or GitLab.",5,19,["figma","design-tokens","style-dictionary","git"],"Lukas Oppermann (@lukasoppermann)","MIT","VG-0621-480.webp",0,4,0],["linear-easing-generator-vg-1455","Linear Easing Generator","Converts a JS easing function or spring definition into an optimized CSS linear() value with adjustable point budget.",2,64,["easing","linear","css","spring"],"Jake Archibald (@jakearchibald)","open-source","VG-1455-480.webp",0,4,0],["ai-image-prompts-skill-vg-0059","ai-image-prompts-skill","Image prompt library packaged as an agent skill so a coding agent can pick and adapt prompts across models.",15,224,["image-gen","prompts","claude-skills","multimodel"],"YouMind OpenLab","open-source","VG-0059-480.webp",0,6,0],["shoelace-vg-2001","Shoelace","Framework-agnostic web component library with a full set of accessible, themable UI elements.",9,187,["web-components","framework-agnostic","theming","accessibility"],"Cory LaViska (@claviska)","MIT","VG-2001-480.webp",0,5,0],["copywork-for-designers-vg-1242","Copywork for designers","Argument and method for improving design skill by pixel-copying excellent interfaces, with a structured practice routine.",1,44,["practice","skill","method","ui"],"Erik Kennedy (@erikdkennedy)","free","VG-1242-480.webp",0,5,0],["rill-vg-0451","Rill","BI tool defining dashboards in YAML and SQL over DuckDB and ClickHouse, with a local dev mode and semantic layer.",6,211,["duckdb","clickhouse","bi-as-code","yaml"],"Rill Data (@rilldata)","Apache-2.0","VG-0451-480.webp",0,5,0],["react-native-skottie-vg-1385","react-native-skottie","Renders Lottie animations through Skia's Skottie module instead of the platform Lottie runtimes.",14,203,["react-native","lottie","skia","performance"],"Margelo (@margelo)","MIT","VG-1385-480.webp",0,4,0],["juicee-vg-1113","Juicee","Game-feel effects system with a visual graph editor for composing shake, flash and squash chains, modelled on Feel.",10,225,["game-feel","juice","graph-editor","feedback"],"(@Kelpekk)","open-source","VG-1113-480.webp",0,2,0],["astro-vtbot-vg-1522","astro-vtbot","Bag of tricks for Astro view transitions: loading indicators, transition names, swap hooks and fallback control.",2,70,["astro","view-transitions","ssr","toolkit"],"Martin Trapp (@martrapp)","MIT","VG-1522-480.webp",0,4,0],["expo-dom-components-example-vg-1327","expo-dom-components-example","Reference project showing Expo DOM Components, which embed real web components inside a native app.",14,226,["expo","dom-components","web","universal"],"Evan Bacon (@Baconbrix)","MIT","VG-1327-480.webp",0,2,0],["bottom-bar-with-sheet-vg-1341","bottom_bar_with_sheet","Flutter bottom navigation bar that expands into a sheet of secondary actions.",14,227,["flutter","navigation","bottom-bar","sheet"],"Frezyx","MIT","VG-1341-480.webp",0,2,0],["canvas-ui-vg-1704","Canvas UI","Framework-agnostic library rendering real interactive HTML inside a canvas with WebGL shader effects applied over it.",12,228,["webgl","canvas","html-in-canvas","components"],"David Haz (@davidhdev)","open-source","VG-1704-480.webp",0,3,0],["lnpopupui-vg-1407","LNPopupUI","SwiftUI library reproducing the Apple Music and Podcasts miniplayer popup bar and its expand transition.",14,193,["swiftui","popup","miniplayer","ios"],"Leo Natan (@LeoNatan)","MIT","VG-1407-480.webp",0,5,0],["awesome-nano-banana-pro-prompts-vg-0060","awesome-nano-banana-pro-prompts","Ten-thousand-plus curated image prompts with preview renders and multilingual variants, aimed at Gemini image generation.",15,224,["image-gen","prompts","nano-banana","library"],"YouMind OpenLab","open-source","VG-0060-480.webp",0,4,0],["next-mdx-blog-vg-0234","next-mdx-blog","Minimal Next.js and MDX blog template with Tailwind and TypeScript, kept deliberately small.",8,218,["nextjs","mdx","blog","tailwind"],"Lee Robinson (@leerob)","MIT","VG-0234-480.webp",0,4,0],["css-gui-vg-0611","css.gui","Visual, parametric CSS editing environment that treats every CSS property as an editable, themeable design parameter.",5,95,["css","visual-editor","parametric","theming"],"Components AI (@components-ai)","MIT","VG-0611-480.webp",0,5,0],["developer-portfolio-directory-vg-0239","Developer Portfolio Directory","Curated index of designer and engineer portfolio sites with links to the people behind them and their repos.",8,13,["portfolio","inspiration","directory","design"],"Gitstar-OC (@Gitstar-OC)","MIT","VG-0239-480.webp",0,2,0],["react-native-reorderable-list-vg-1388","react-native-reorderable-list","Drag-to-reorder list for React Native powered by Reanimated, with nested scroll and auto-scroll handling.",14,229,["react-native","reanimated","drag-drop","list"],"Omar Mahili (@omahili)","MIT","VG-1388-480.webp",0,4,0],["ai2html-vg-0509","ai2html","Adobe Illustrator script that exports artboards as responsive HTML text over a background image, per breakpoint.",6,90,["illustrator","export","responsive","editorial"],"Archie Tse / NYT Graphics (@nytgraphics)","open-source","VG-0509-480.webp",0,3,0],["netplayjs-vg-1142","netplayjs","Peer-to-peer browser multiplayer with rollback netcode and no server hosting or synchronisation code required.",10,167,["rollback","p2p","multiplayer","netcode"],"Varun Ramesh (@rameshvarun)","MIT","VG-1142-480.webp",0,4,0],["shadcn-studio-mcp-vg-0049","shadcn studio MCP","Hosted MCP endpoint that feeds shadcn/ui component and design-system context into Cursor, Claude Code and Windsurf.",15,230,["mcp","shadcn","design-system","ide"],"Shadcn Studio","freemium","VG-0049-480.webp",0,6,0],["paletteer-vg-0414","paletteer","Unified R interface to 2500+ colour palettes from dozens of packages under one consistent naming scheme.",6,201,["r","palettes","colour","catalogue"],"Emil Hvitfeldt (@Emil_Hvitfeldt)","MIT","VG-0414-480.webp",0,3,0],["glitched-writer-vg-0193","glitched-writer","Text writing module that decodes strings through configurable glitch, scramble and error passes with presets.",11,231,["text","glitch","scramble","typescript"],"Damian Tarnawski (@thetarnav)","MIT","VG-0193-480.webp",0,4,0],["bounce-js-vg-1442","Bounce.js","Tool and library for generating CSS keyframe animations from physics presets like bounce, hardbounce, sway and wobble.",2,2,["css","keyframes","physics","generator"],"Tictail (@tictail)","MIT","VG-1442-480.webp",0,3,0],["snip-vg-0051","Snip","Visual whiteboard that lets you annotate screenshots and feed the marked-up feedback straight back into the coding agent.",15,232,["claude-code","annotation","feedback","design"],"@rixinhahaha","open-source","VG-0051-480.webp",0,5,0],["hover3d-js-vg-0110","Hover3D.js","Minimal 3D hover effect that tilts an element and shifts inner layers based on cursor position, aimed at product cards.",11,233,["3d","hover","card","vanilla-js"],"Oleg Frolov (@Volorf)","MIT","VG-0110-480.webp",0,6,0],["tailadmin-next-js-vg-0211","TailAdmin Next.js","Free Tailwind admin dashboard template with 200+ UI elements, charts, tables and authentication pages.",8,234,["nextjs","tailwind","admin","charts"],"TailAdmin (@TailAdmin)","MIT","VG-0211-480.webp",0,4,0],["lunacy-vg-0999","Lunacy","Free native design app for Windows, macOS and Linux with offline editing, Figma import and built-in icon/photo libraries.",4,81,["design-tool","offline","native","figma-import"],"Icons8","freemium","VG-0999-480.webp",0,5,0],["t4-app-vg-1335","t4-app","Universal stack for iOS, Android and PWA using Tamagui, Solito and Cloudflare Workers deployment.",14,235,["expo","tamagui","universal","cloudflare"],"Timothy Miller (@timothymiller)","MIT","VG-1335-480.webp",0,3,0],["knapsack-vg-0550","Knapsack","Design system platform combining live code components, token management, prototyping and enterprise governance in one workspace.",5,236,["design-systems","governance","prototyping","enterprise"],"Knapsack","paid","VG-0550-480.webp",0,3,0],["abtest-design-vg-1667","abtest.design","Curated collection of published A/B test results from leading applications, framed as design evidence.",0,42,["ab-testing","conversion","evidence","research"],"Mobbin","free","VG-1667-480.webp",0,2,0],["revogrid-vg-0517","RevoGrid","Virtual data table web component with spreadsheet-like editing, grouping and filtering, usable from any framework.",6,182,["web-component","data-grid","spreadsheet","virtual"],"Revolist (@revolist)","MIT","VG-0517-480.webp",0,5,0],["neovis-js-vg-0487","Neovis.js","Renders Neo4j query results directly as styled graph visualisations in the browser without an intermediate data layer.",6,177,["neo4j","graph","cypher","visjs"],"Neo4j community (@neo4j-contrib)","Apache-2.0","VG-0487-480.webp",0,4,0],["cosmos-vg-1605","Cosmos","Visual discovery and collection tool where users build public clusters of references across media.",0,111,["bookmarking","inspiration","curation","visual"],"","freemium","VG-1605-480.webp",0,5,0],["animatedtabbar-vg-1405","AnimatedTabBar","Pure SwiftUI tab bar with a set of preset item animations and custom shape support.",14,193,["swiftui","tabbar","animation","ios"],"Exyte (@exyte)","MIT","VG-1405-480.webp",0,3,0],["shadcn-image-cropper-vg-1929","shadcn-image-cropper","Image cropping component for React combining react-image-crop with a shadcn dialog and controls.",9,237,["react","image-crop","upload","shadcn"],"@sujjeee","MIT","VG-1929-480.webp",0,3,0],["ai-sdk-preview-rag-vg-0200","AI SDK Preview RAG","Compact RAG demo showing streaming retrieval, source citation and generative UI with the AI SDK.",8,185,["ai-sdk","rag","streaming","nextjs"],"Vercel Labs (@vercel-labs)","MIT","VG-0200-480.webp",0,5,0],["swiftfulloadingindicators-vg-1410","SwiftfulLoadingIndicators","Lightweight SwiftUI package offering roughly a dozen distinct loading animation styles with configurable colour, size and speed.",14,193,["swiftui","loading","indicators","animation"],"Nick Sarno (@SwiftfulThinking)","MIT","VG-1410-480.webp",0,4,0],["anchoredpopup-vg-1404","AnchoredPopup","SwiftUI popup library where the popup grows out of the element that triggered it rather than fading in.",14,193,["swiftui","popup","transition","animation"],"Exyte (@exyte)","MIT","VG-1404-480.webp",0,5,0],["react-native-header-motion-vg-1368","react-native-header-motion","High-level APIs for orchestrating scroll-driven header collapse, blur and title transitions in React Native.",14,184,["react-native","reanimated","header","scroll"],"pawicao","MIT","VG-1368-480.webp",0,4,0],["precedent-vg-0210","Precedent","Opinionated Next.js starter of components, hooks and utilities: modals, tooltips, auth, Framer Motion and analytics.",8,234,["nextjs","hooks","radix","motion"],"Steven Tey (@steventey)","MIT","VG-0210-480.webp",0,4,0],["plottable-vg-0403","Plottable","Modular chart components on D3 where axes, plots and layout are separate objects you compose into custom chart types.",6,67,["d3","components","composable","charts"],"Palantir (@palantir)","MIT","VG-0403-480.webp",0,4,0],["animatetext-vg-1406","AnimateText","SwiftUI library for per-character text animations with a set of preset entry effects.",14,193,["swiftui","text","animation","typography"],"jasudev","MIT","VG-1406-480.webp",0,3,0],["cloudflare-saas-stack-vg-0285","Cloudflare SaaS Stack","Full-stack starter deploying to Cloudflare Workers with D1, R2, Drizzle and auth, so hosting cost stays near zero.",8,176,["cloudflare","d1","drizzle","workers"],"Dhravya Shah (@Dhravya)","MIT","VG-0285-480.webp",0,3,0],["scrollmagic-vg-1503","ScrollMagic","Scroll interaction framework for pinning elements, scrubbing tweens and triggering callbacks against scroll position, with a visual debug indicator mode.",2,12,["scroll","pinning","scrubbing","debugging"],"Jan Paepke (@janpaepke)","MIT","VG-1503-480.webp",0,3,0],["zeego-vg-1391","Zeego","Menu library that renders true native iOS and Android context menus and Radix UI menus on web from one API.",14,238,["react-native","menu","native","radix"],"Fernando Rojo (@FernandoTheRojo)","MIT","VG-1391-480.webp",0,4,0],["paco-me-vg-0235","paco.me","Paco Coursey's personal site source: Next.js, MDX, custom command menu and unusually careful interaction detail.",8,218,["nextjs","mdx","personal-site","craft"],"Paco Coursey (@pacocoursey)","MIT","VG-0235-480.webp",0,6,0],["observable-framework-vg-0447","Observable Framework","Static site generator for data apps where build-time data loaders precompute snapshots so dashboards load instantly.",6,211,["static-site","dashboard","data-loaders","d3"],"Observable (@observablehq)","open-source","VG-0447-480.webp",0,3,0],["dev-tips-vg-1643","Dev Tips","Long-running series of animated browser DevTools tips, delivered as GIFs with a searchable archive.",0,57,["devtools","debugging","tips","animated"],"Umar Hansa (@umaar)","free","VG-1643-480.webp",0,4,0],["swoopy-drag-vg-0440","swoopy-drag","Tool for hand-placing curved swoopy annotation arrows on D3 charts and exporting the resulting coordinates.",6,207,["annotation","arrows","d3","editorial"],"Adam Pearce (@adamrpearce)","open-source","VG-0440-480.webp",0,4,0],["snowman-vg-1124","Snowman","Twine 2 story format for people who already know JavaScript and CSS, exposing the story state directly.",10,166,["twine","interactive-fiction","javascript","story-format"],"Dan Cox (@videlais)","MIT","VG-1124-480.webp",0,4,0],["pppointed-vg-0808","pppointed","SVG arrow maker for hand-drawn and geometric pointer shapes with adjustable curvature.",3,9,["svg","arrows","annotation","generator"],"fffuel","free","VG-0808-480.webp",0,1,0],["roughviz-vg-0495","roughViz","Charting library that renders bar, donut, scatter and line charts in a sketchy hand-drawn style via rough.js.",6,222,["hand-drawn","sketchy","rough-js","charts"],"Jared Wilber (@jdwilber)","MIT","VG-0495-480.webp",0,2,0],["astrowind-vg-0218","AstroWind","Astro and Tailwind starter covering marketing pages, blog, dark mode, analytics and near-perfect Lighthouse scores.",8,191,["astro","tailwind","marketing","blog"],"onWidget (@onwidget)","MIT","VG-0218-480.webp",0,3,0],["hhhorizon-vg-0801","hhhorizon","Cyberpunk-inspired SVG background generator combining horizon grids, glow gradients and scan lines into a single exportable file.",3,9,["svg","cyberpunk","background","generator"],"fffuel","free","VG-0801-480.webp",0,2,0],["old-book-illustrations-vg-1088","Old Book Illustrations","Archive of scanned Victorian and 19th-century book engravings, searchable by artist, book and subject.",4,217,["public-domain","engraving","vintage","illustration"],"Old Book Illustrations","free","VG-1088-480.webp",0,4,0],["astro-micro-vg-0213","Astro Micro","Accessible minimal Astro blog with command palette, keyboard navigation and MDX callouts.",8,191,["astro","blog","keyboard","mdx"],"Trevor Tyler Lee (@trevortylerlee)","MIT","VG-0213-480.webp",0,3,0],["curtains-js-vg-1782","curtains.js","Vanilla WebGL library that converts HTML DOM elements into textured planes you can distort with custom shaders.",12,129,["webgl","dom","shaders","images"],"Martin Laxenaire (@martinlaxenaire)","MIT","VG-1782-480.webp",0,5,0],["shadcn-ui-for-flutter-vg-1345","shadcn_ui for Flutter","Flutter port of shadcn/ui with 30+ components including combobox, resizable panels, sonner and date pickers.",14,145,["flutter","shadcn","components","forms"],"Mariuti (@nank1ro)","MIT","VG-1345-480.webp",0,5,0],["liquidgl-vg-0162","liquidGL","Runtime glassmorphism layer that samples the page behind an element and renders real refraction, blur and specular highlights in WebGL.",11,190,["glassmorphism","webgl","liquid-glass","effects"],"NaughtyDuk (@naughtyduk)","open-source","VG-0162-480.webp",0,5,0],["vaso-vg-0164","vaso","React component wrapping the liquid glass effect with props for blur radius, refraction strength and edge highlight.",11,190,["react","liquid-glass","component","effects"],"Jiachi Liu (@huozhi)","MIT","VG-0164-480.webp",0,3,0],["ldrs-vg-1923","LDRS","Lightweight web-component loading animations and spinners, individually customisable by size, speed and colour, framework-agnostic.",9,239,["web-components","loaders","animation","css"],"Griffin Johnston (@GriffinJohnston)","MIT","VG-1923-480.webp",0,5,0],["compose-rich-editor-vg-1308","compose-rich-editor","Rich text editor for Compose and Compose Multiplatform with HTML and Markdown import and export.",14,199,["compose","editor","markdown","kotlin"],"Mohamed Rejeb (@MohamedRejeb)","Apache-2.0","VG-1308-480.webp",0,4,0],["shifty-vg-1186","Shifty","TypeScript tweening engine with scenes, token interpolation of strings and colours, and a promise-based API.",10,240,["tweening","easing","typescript","animation"],"Jeremy Kahn (@jeremyckahn)","MIT","VG-1186-480.webp",0,4,0],["huetone-vg-0660","Huetone","Desktop-grade web app for building color scales in LCh with live APCA contrast readouts and Figma-ready export.",3,36,["color","apca","palette","accessibility"],"Alexey Ardov (@ardov)","MIT","VG-0660-480.webp",0,4,0],["a11y-contrast-vg-0520","a11y-contrast","Command-line tool that checks colour contrast across a palette or config file, suitable for CI pipelines.",5,15,["contrast","cli","ci","accessibility"],"Darek Kay (@darekkay)","MIT","VG-0520-480.webp",0,3,0],["themer-vg-1035","Themer","Swaps a selection between identically named style libraries, so one file can preview light, dark and brand themes.",4,241,["figma-plugin","theming","styles","design-system"],"Tom Lowry (@tomlowry)","open-source","VG-1035-480.webp",0,4,0],["lightweight-charts-vg-0399","Lightweight Charts","TradingView's canvas financial charting library covering candlesticks, volume and indicators in a ~45KB bundle.",6,67,["financial","candlestick","canvas","trading"],"TradingView (@tradingview)","Apache-2.0","VG-0399-480.webp",0,6,0],["p5play-vg-1196","p5play","Game engine layering sprites, animation, groups and Box2D physics on top of p5.js/q5.js for creative coders.",10,27,["p5js","box2d","physics","creative-coding"],"Quinton Ashley (@quinton-ashley)","open-source","VG-1196-480.webp",0,2,0],["bumpp-vg-0856","bumpp","Release CLI that bumps package versions, updates the changelog, creates the git tag and pushes, with an interactive prompt.",13,213,["release","versioning","git","cli"],"Anthony Fu (@antfu)","MIT","VG-0856-480.webp",0,3,0],["expo-quick-look-vg-1332","expo-quick-look","Expo module exposing native file preview: QuickLook on iOS and the intent chooser on Android.",14,242,["expo","ios","quicklook","files"],"Jeremy Magrin (@magrinj)","MIT","VG-1332-480.webp",0,2,0],["codrops-vg-1278","Codrops","Tutorial and demo publication covering WebGL, three.js, GSAP and experimental interface effects, with source for every demo.",1,124,["tutorials","webgl","effects","demos"],"Manoela Ilic & Codrops team (@codrops)","free","VG-1278-480.webp",0,2,0],["step-progress-indicator-vg-1342","step_progress_indicator","Flutter widget for stepped progress bars built from selected and unselected segments, highly configurable.",14,227,["flutter","progress","onboarding","widget"],"Sandro Maglione (@SandroMaglione)","MIT","VG-1342-480.webp",0,5,0],["astropaper-vg-0216","AstroPaper","Minimal accessible Astro blog theme with fuzzy search, tags, light and dark modes and strong typographic defaults.",8,191,["astro","blog","accessibility","typography"],"Sat Naing (@satnaing)","MIT","VG-0216-480.webp",0,5,0],["shotluma-vg-1304","shotluma","Local-first open-source App Store screenshot editor built with React and TypeScript, running entirely in the browser.",14,243,["app-store","screenshots","editor","local-first"],"Zachi (@realZachi)","MIT","VG-1304-480.webp",0,4,0],["phaser-ui-tools-vg-1147","phaser-ui-tools","UI kit for Phaser adding rows, columns, viewports, scrollbars and bars — the layout primitives the engine omits.",10,210,["phaser","ui","layout","hud"],"Joshua Fehler (@jsfehler)","open-source","VG-1147-480.webp",0,5,0],["bruno-vg-0847","Bruno","Git-native API client for REST, GraphQL, gRPC and WebSocket that stores collections as plain text files in your repo.",13,244,["api","rest","graphql","git","offline"],"Anoop M D (@helloanoop)","open-source","VG-0847-480.webp",0,5,0],["sprig-vg-1198","Sprig","Hack Club's browser game editor and tiny engine designed for teaching programming through building playable games.",10,27,["game-engine","education","browser-ide","beginners"],"Hack Club (@hackclub)","MIT","VG-1198-480.webp",0,5,0],["tsx-vg-0862","tsx","Node.js runtime wrapper that executes TypeScript and ESM files directly with esbuild, including watch mode and REPL.",13,213,["typescript","node","esbuild","cli"],"Hiroki Osame (@privatenumber)","MIT","VG-0862-480.webp",0,3,0],["libresprite-vg-1157","LibreSprite","Community fork of the last GPLv2 Aseprite commit, keeping a fully free animated sprite editor alive.",10,43,["pixel-art","sprite-editor","aseprite","fork"],"LibreSprite contributors","GPL","VG-1157-480.webp",0,5,0],["saas-boilerplate-by-ixartz-vg-0302","SaaS Boilerplate by ixartz","Next.js SaaS base with Clerk auth, multi-tenancy, roles, i18n, Drizzle, testing and a landing page.",8,176,["nextjs","clerk","i18n","drizzle"],"Rémi Awosanya (@ixartz)","MIT","VG-0302-480.webp",0,5,0],["shadcn-phone-input-vg-1859","shadcn-phone-input","Phone number input with country selector and validation powered by libphonenumber-js, styled for shadcn.",9,154,["react","phone-input","shadcn","forms"],"@omeralpi","MIT","VG-1859-480.webp",0,4,0],["gpu-io-vg-0177","gpu-io","GPU-accelerated compute library for browser physics, reaction-diffusion and particle simulations rendered to canvas.",11,48,["webgl","gpgpu","simulation","particles"],"Amanda Ghassaei (@amandaghassaei)","MIT","VG-0177-480.webp",0,4,0],["enferno-vg-0289","Enferno","Flask framework preconfigured with auth, roles, Vue, Celery tasks and Docker for rapid Python app delivery.",8,176,["flask","python","vue","celery"],"Nidal Alhariri (@level09)","MIT","VG-0289-480.webp",0,4,0],["singlepage-vg-0863","singlepage","Go CLI and library that inlines CSS, JavaScript and images into one self-contained HTML file, with optional minification.",13,245,["go","html","bundling","inline","distribution"],"Martin Tournoij (@arp242)","MIT","VG-0863-480.webp",0,5,0],["tinycolormap-vg-0416","tinycolormap","Header-only single-file C++ library providing viridis, magma, inferno, turbo and other perceptual colormaps.",6,201,["cpp","colormap","header-only","perceptual"],"Yuki Koyama (@yuki_koyama_)","MIT","VG-0416-480.webp",0,5,0],["type-scale-vg-1296","Type Scale","Visual modular scale calculator that previews heading sizes and emits the corresponding CSS custom properties.",1,24,["typography","scale","calculator","css"],"Jeremy Church (@jeremy_church)","free","VG-1296-480.webp",0,3,0],["phaser-3-particle-editor-vg-1146","Phaser 3 Particle Editor","Browser editor for authoring Phaser 3 particle emitter configs visually and exporting the JSON into your game.",10,210,["phaser","particles","editor","vfx"],"Koreez Games (@koreezgames)","open-source","VG-1146-480.webp",0,4,0],["react-native-ios-context-menu-vg-1390","react-native-ios-context-menu","Bindings for UIKit's UIMenu and context menu previews, exposing the full iOS 13+ API surface to React Native.",14,238,["react-native","ios","uikit","context-menu"],"Dominic Go (@dominicstop)","MIT","VG-1390-480.webp",0,3,0],["littlejs-vg-1192","LittleJS","Zero-dependency 2D HTML5 engine with WebGL batch renderer, built-in particle system, audio and physics in a tiny bundle.",10,27,["game-engine","canvas","webgl","javascript"],"Frank Force (@KilledByAPixel)","MIT","VG-1192-480.webp",0,3,0],["postmark-transactional-templates-vg-1849","Postmark Transactional Templates","Set of production transactional email templates (receipts, password resets, invites) tested across major clients.",9,60,["email","transactional","templates","mit"],"Postmark / Wildbit","MIT","VG-1849-480.webp",0,6,0],["heyform-vg-1867","HeyForm","Open-source conversational form builder with branching logic, AI form generation and 30+ templates.",9,214,["form-builder","typeform","conversational","self-hosted"],"EarlyBird (Luo Baishun, Wu Qin)","open-source","VG-1867-480.webp",0,6,0],["foundation-for-emails-vg-1836","Foundation for Emails","Responsive email framework with a grid, Inky templating language and a Sass-based build pipeline.",9,60,["email","framework","sass","grid"],"ZURB","MIT","VG-1836-480.webp",0,5,0],["antfu-style-astro-theme-vg-0212","Antfu-style Astro Theme","Astro theme recreating the antfu.me aesthetic with blog, projects, photos and shortform views.",8,191,["astro","blog","minimal","projects"],"Stephanie Lin (@lin-stephanie)","MIT","VG-0212-480.webp",0,4,0],["scalingheaderscrollview-vg-1409","ScalingHeaderScrollView","SwiftUI scroll view with a sticky header that shrinks and morphs as content scrolls.",14,193,["swiftui","scroll","header","animation"],"Exyte (@exyte)","MIT","VG-1409-480.webp",0,3,0],["moebiusxbin-vg-0314","MoebiusXBIN","Desktop ASCII and text-mode art editor forked from Moebius, adding full XBIN support and custom bitmap font loading.",7,170,["ansi","ascii","xbin","fonts"],"Heikki Lotvonen (@hlotvonen)","open-source","VG-0314-480.webp",0,1,0],["graphile-starter-vg-0291","Graphile Starter","Opinionated PostgreSQL-first fullstack starter with PostGraphile, row-level security, email flows, sessions and a hardened auth model.",8,176,["postgres","graphql","postgraphile","auth"],"Benjie Gillam (@benjie)","open-source","VG-0291-480.webp",0,4,0],["rive-vg-1479","Rive","Vector animation editor with a state-machine runtime, so animations respond to app state and input rather than replaying linearly.",2,150,["state-machine","vector","runtime","interactive"],"Rive","freemium","VG-1479-480.webp",0,2,0],["claudekit-skills-vg-0085","claudekit-skills","Open-sourced skill set behind ClaudeKit covering research, planning, shipping and repo hygiene for Claude Code projects.",15,157,["claude-skills","claude-code","toolkit"],"@mrgoonie","open-source","VG-0085-480.webp",0,3,0],["expo-mascot-vg-1329","expo-mascot","Animated stateful mascot characters for Expo and React Native apps, driven by app state.",14,226,["expo","animation","mascot","character"],"David Mokoš (@davidmokos)","MIT","VG-1329-480.webp",0,6,0],["cccolor-vg-0797","cccolor","HEX, RGB and HSL colour picker with harmony suggestions and copyable CSS values.",3,9,["colors","picker","css","generator"],"fffuel","free","VG-0797-480.webp",0,2,0],["webhaptics-vg-0911","WebHaptics","Library bringing haptic feedback to the mobile web using the vibration API with tuned patterns.",13,174,["haptics","mobile","web-api"],"Lochie Axon","open-source","VG-0911-480.webp",0,3,0],["who-can-use-vg-0669","Who Can Use","Enter a foreground and background pair and see, per vision-type, which real groups of people can actually read it.",3,36,["accessibility","contrast","colorblind","wcag"],"Corey Ginnivan & Ally Palanzi","free","VG-0669-480.webp",0,6,0],["figma-context-mcp-framelink-vg-0046","Figma-Context-MCP (Framelink)","MCP server that converts Figma files into simplified layout JSON so coding agents generate accurate markup from designs.",15,230,["mcp","figma","design-to-code"],"GLips (@GLips)","MIT","VG-0046-480.webp",0,6,0],["micron-js-vg-1476","Micron.js","Micro-interaction library of CSS animations triggered by data attributes or a JS API, covering taps, bounces, jelly and blinks.",2,153,["micro-interaction","css","data-attributes","feedback"],"Webkul (@webkul)","MIT","VG-1476-480.webp",0,4,0],["guidepup-vg-0522","Guidepup","Automation library that drives real VoiceOver and NVDA screen readers from Playwright or Jest for end-to-end a11y tests.",5,15,["accessibility","automation","voiceover","nvda"],"Guidepup (@guidepup)","MIT","VG-0522-480.webp",0,8,0],["awesome-tailwindcss-vg-1546","awesome-tailwindcss","Curated list of Tailwind CSS plugins, component libraries, tooling, templates and learning resources.",0,221,["tailwind","plugins","components","awesome-list"],"NiftyCo (@aniftyco)","open-source","VG-1546-480.webp",0,5,0],["dtcg-community-group-vg-0623","DTCG Community Group","W3C community group repository holding the design tokens specification, its issue history and the format's ongoing design debates.",5,19,["design-tokens","spec","w3c","standards"],"W3C Design Tokens Community Group","open-source","VG-0623-480.webp",0,3,0],["shan-shui-inf-vg-1181","shan-shui-inf","Procedurally generated infinite Chinese landscape painting rendered as scrolling SVG in the browser.",10,162,["generative-art","svg","procgen","infinite"],"Lingdong Huang (@LingDong_)","MIT","VG-1181-480.webp",0,1,0],["react-spring-bottom-sheet-vg-1356","react-spring-bottom-sheet","Accessible spring-physics bottom sheet for React web with focus trapping and snap points.",14,246,["react","bottom-sheet","accessibility","spring"],"Cody Olsen (@stipsan)","MIT","VG-1356-480.webp",0,3,0],["spinkit-vg-1469","SpinKit","Set of CSS-only loading indicators using transforms and opacity, designed to stay smooth on low-power devices.",2,120,["css","spinners","loaders","performance"],"Tobias Ahlin (@tobiasahlin)","MIT","VG-1469-480.webp",0,6,0],["react-multi-email-vg-1875","react-multi-email","Input that tokenises multiple email addresses as the user types, validating and chipping each one.",9,214,["email","input","tokens","react"],"AXISJ","MIT","VG-1875-480.webp",0,7,0],["taze-vg-0860","taze","Dependency upgrade CLI that shows a per-package diff of available versions and applies bumps across every workspace at once.",13,213,["dependencies","upgrade","monorepo","cli"],"Anthony Fu (@antfu)","MIT","VG-0860-480.webp",0,4,0],["diagram-design-vg-0050","diagram-design","Skills that produce editorial-quality diagrams in HTML and SVG with deliberate typography and layout decisions.",15,232,["claude-skills","diagram","svg","editorial"],"Cathryn Lavery (@cathrynlavery)","open-source","VG-0050-480.webp",0,5,0],["nothing-to-watch-vg-0468","nothing-to-watch","WebGL gallery arranging thousands of film posters into a Voronoi treemap with force-directed exploration.",6,156,["webgl","voronoi","gallery","experiment"],"Gerald Novotny (@gnovotny)","MIT","VG-0468-480.webp",0,3,0],["liquid-glass-js-vg-0160","liquid-glass-js","Apple-inspired glass effects library exposing displacement, blur and highlight layers as a plain JavaScript API.",11,190,["liquid-glass","vanilla-js","effects","glassmorphism"],"Armagan Amcalar (@dashersw)","MIT","VG-0160-480.webp",0,8,0],["obra-icons-vg-1080","Obra Icons","Icon set from Obra Studio with an unusually deliberate stroke-and-corner system, free to download.",4,62,["icons","svg","design-craft","ui"],"Obra Studio","free","VG-1080-480.webp",0,6,0],["nextacular-vg-0297","Nextacular","Next.js multi-tenant starter with workspaces, custom subdomains, team invites, Stripe subscriptions and Prisma schema included.",8,176,["nextjs","multi-tenant","stripe","prisma"],"Nextacular (@nextacular)","MIT","VG-0297-480.webp",0,3,0],["basement-scrollytelling-vg-0510","basement scrollytelling","React and GSAP library for declarative scroll-driven animation timelines with waypoints and parallel tweens.",6,90,["react","gsap","scroll","animation"],"basement.studio (@basementstudio)","MIT","VG-0510-480.webp",0,3,0],["braydoncoyer-dev-vg-0229","braydoncoyer.dev","Portfolio rebuilt with Next.js 15, Tailwind, Supabase and Framer Motion, with documented rebuild write-ups.",8,218,["nextjs","tailwind","motion","supabase"],"Braydon Coyer (@braydoncoyer)","MIT","VG-0229-480.webp",0,5,0],["liveline-vg-0866","Liveline","Real-time animated line chart component for React designed for streaming data at high frequency.",13,247,["react","charts","realtime","animation"],"Benji Taylor (@benjitaylor)","open-source","VG-0866-480.webp",0,5,0],["proton-vg-0180","Proton","Particle animation engine for canvas, WebGL and DOM with emitters, behaviours, forces and zones borrowed from VFX pipelines.",11,48,["particles","canvas","webgl","engine"],"(@drawcall)","MIT","VG-0180-480.webp",0,2,0],["scroller-rdmurphy-vg-0513","scroller (rdmurphy)","Sub-1KB scrollytelling library exposing enter/exit events for steps with no dependencies or framework assumptions.",6,90,["scrollytelling","tiny","vanilla","events"],"Ryan Murphy (@rdmurphy)","MIT","VG-0513-480.webp",0,3,0],["tilemap-studio-vg-1166","Tilemap Studio","Tilemap editor targeting real Game Boy, Game Boy Color, GBA, DS and SNES formats rather than generic engine tilemaps.",10,43,["tilemap","gameboy","retro","rom-hacking"],"Rangi (@Rangi42)","open-source","VG-1166-480.webp",0,4,0],["the-app-fuel-vg-1628","The App Fuel","Collection of user-flow recipes and hundreds of App Store screenshots organised around growth mechanics.",0,68,["mobile","user-flows","growth","screenshots"],"","freemium","VG-1628-480.webp",0,4,0],["venn-js-vg-0441","venn.js","Area-proportional Venn and Euler diagram layout that solves circle positions numerically from set sizes.",6,207,["venn","euler","sets","layout"],"Ben Frederickson (@benfrederickson)","MIT","VG-0441-480.webp",0,4,0],["three-terrain-vg-1183","THREE.Terrain","Procedural terrain generation engine for three.js with multiple heightmap algorithms, erosion, scattering and texture blending.",10,162,["terrain","threejs","procgen","heightmap"],"Isaac Sukin (@IceCreamYou)","MIT","VG-1183-480.webp",0,5,0],["react-native-turbo-haptics-vg-1350","react-native-turbo-haptics","Fast worklet-compatible haptic feedback module for React Native from the Rainbow wallet team.",14,174,["react-native","haptics","worklets","performance"],"Christian Baroni (@christianbaroni)","MIT","VG-1350-480.webp",0,4,0],["obelisk-js-vg-1159","obelisk.js","Library for building isometric pixel graphics on HTML5 canvas from cube, brick and pyramid primitives.",10,43,["isometric","pixel-art","canvas","3d"],"Max Huang (@nosir)","MIT","VG-1159-480.webp",0,5,0],["expo-glass-tabs-vg-1328","expo-glass-tabs","Floating liquid-glass tab bar for Expo Router with minimize-on-scroll behaviour and haptic feedback.",14,226,["expo","expo-router","tabs","liquid-glass"],"David Mokoš (@davidmokos)","MIT","VG-1328-480.webp",0,8,0],["bbburst-vg-0794","bbburst","Confetti and burst SVG generator producing celebratory particle arrangements as static vector art for success and empty states.",3,9,["svg","confetti","burst","generator"],"fffuel","free","VG-0794-480.webp",0,2,0],["semiotic-vg-0405","Semiotic","React dataviz framework built around annotation, network and ordinal frames rather than chart-type presets.",6,67,["react","d3","annotation","frames"],"Elijah Meeks (@Elijah_Meeks) / nteract","Apache-2.0","VG-0405-480.webp",0,5,0],["legend-list-vg-1387","Legend List","Pure-TypeScript high-performance list for React Native and React with dynamic item sizes and bidirectional infinite scroll.",14,229,["react-native","list","performance","typescript"],"Legend App / Jay Meistrich (@jmeistrich)","MIT","VG-1387-480.webp",0,3,0],["spark-vg-0471","spark","Twenty-line shell script that prints sparklines in the terminal from any list of numbers piped to it.",6,156,["sparkline","shell","terminal","unix"],"Zach Holman (@holman)","MIT","VG-0471-480.webp",0,5,0],["shadcn-solid-vg-1907","shadcn-solid","SolidJS port of shadcn/ui with a CLI, Tailwind theming and Kobalte primitives underneath.",9,165,["solidjs","shadcn","kobalte","tailwind"],"@hngngn","MIT","VG-1907-480.webp",0,4,0],["io-808-vg-1105","io-808","Fully recreated web-based Roland TR-808 drum machine with working sequencer, built in React and Web Audio.",10,91,["drum-machine","web-audio","react","synthesis"],"Vincent Riemer (@vincentriemer)","MIT","VG-1105-480.webp",0,4,0],["awesome-claude-code-vg-0035","awesome-claude-code","The largest curated index of Claude Code resources: guides, skills, statuslines, hooks, clients, security tools and CLAUDE.md files.",15,248,["claude-code","awesome-list","directory","hooks"],"@hesreallyhim","open-source","VG-0035-480.webp",0,3,0],["intro-to-icons-vg-1245","Intro to Icons","One-hour focused course on icon design fundamentals: grids, optical correction, stroke weight and consistency across a set.",1,44,["icons","design","course","craft"],"MDS (@mds)","paid","VG-1245-480.webp",0,4,0],["collect-ui-vg-1566","Collect UI","Daily UI design collection organised by specific task such as profiles, payments and settings.",0,138,["ui","daily-ui","patterns","gallery"],"Panda Network","free","VG-1566-480.webp",0,6,0],["ndwfc-vg-1179","ndwfc","N-dimensional wave function collapse with an infinite, lazily-expanded canvas rather than a fixed output grid.",10,162,["wfc","procgen","infinite","n-dimensional"],"Lingdong Huang (@LingDong_)","MIT","VG-1179-480.webp",0,4,0],["cool-backgrounds-vg-0116","Cool Backgrounds","Aggregated generators producing triangle mesh, particle, topographic gradient and photo-based hero background images for download.",11,249,["background","generator","gradient","hero"],"Side Project Collective","free","VG-0116-480.webp",0,4,0],["pintora-vg-0456","Pintora","Extensible text-to-diagram library rendering to SVG or Canvas in the browser and to PNG/JPG/SVG in Node, with a plugin system for new diagram types.",6,141,["diagram","dsl","plugin","svg"],"hikerpig (@hikerpig)","MIT","VG-0456-480.webp",0,4,0],["androidanimatednavigationbar-vg-1306","AndroidAnimatedNavigationBar","Jetpack Compose navigation bar with a set of preset indicator animations and custom ball shapes.",14,199,["compose","navigation","animation","android"],"Exyte (@exyte)","MIT","VG-1306-480.webp",0,3,0],["startup-next-js-vg-0253","Startup Next.js","Free Next.js and Tailwind startup template with pricing, testimonials, blog and dark mode pages.",8,196,["nextjs","tailwind","startup","landing"],"NextJS Templates (@NextJSTemplates)","MIT","VG-0253-480.webp",0,5,0],["shadow-finder-vg-0909","Shadow Finder","Given a shadow length, date and time, maps every point on Earth where that shadow could occur.",13,250,["geolocation","shadows","osint","maps"],"Bellingcat","open-source","VG-0909-480.webp",0,3,0],["martin-vg-0501","Martin","Rust tile server serving PostGIS tables, MBTiles and PMTiles as vector tiles with automatic source discovery.",6,6,["tile-server","rust","postgis","pmtiles"],"MapLibre org (@maplibre)","Apache-2.0","VG-0501-480.webp",0,6,0],["lytenyte-grid-vg-0516","LyteNyte Grid","Zero-dependency React data grid offering headless or pre-styled modes with pivoting, grouping and server-side data.",6,182,["react","data-grid","headless","pivot"],"1771 Technologies (@1771-Technologies)","open-source","VG-0516-480.webp",0,3,0],["windrift-vg-1128","Windrift","JavaScript framework for mutable stories where prose rewrites itself as the reader makes choices.",10,166,["interactive-fiction","react","narrative","mutable-text"],"Liza Daly (@liza)","MIT","VG-1128-480.webp",0,4,0],["liquid-glass-archisvaze-vg-0157","liquid-glass (archisvaze)","Interactive browser demo of an iOS 26 style glass panel you can drag over page content to inspect the refraction math.",11,190,["liquid-glass","svg-filter","demo","css"],"Archis Vaze (@archisvaze)","open-source","VG-0157-480.webp",0,4,0],["odyssey-theme-vg-0225","Odyssey Theme","Astro business and agency starter with reusable page sections, theme tokens and a small component system.",8,191,["astro","agency","sections","tokens"],"Tree Farm Studio (@treefarmstudio)","MIT","VG-0225-480.webp",0,4,0],["uiable-vg-1882","UIAble","Open shadcn-based UI system with 700+ items aimed at production apps, maintained by the CodedThemes team.",9,251,["shadcn","react","design-system","blocks"],"CodedThemes","open-source","VG-1882-480.webp",0,4,0],["chrome-cdp-ex-vg-0024","chrome-cdp-ex","Skill that attaches an agent to a real Chrome instance over CDP and adds a perception layer over the page.",15,252,["chrome","cdp","browser","claude-skills"],"Endeavor Yen (@EndeavorYen)","open-source","VG-0024-480.webp",0,4,0],["blotter-js-vg-1511","Blotter.js","WebGL-backed API that applies shader material effects — liquid distort, channel split, rolling — to live, selectable text.",2,98,["webgl","text","shaders","effects"],"Bradley Griffith (@bradley)","MIT","VG-1511-480.webp",0,7,0],["a11y-starter-kit-vg-1794","a11y-starter-kit","WCAG 2.1 AA starter kit with accessible component implementations and the audit patterns to keep them compliant.",9,253,["accessibility","wcag","starter","react"],"The Front Kit","open-source","VG-1794-480.webp",0,3,0],["ark-ui-vg-1885","Ark UI","Headless component library built on Zag.js state machines, with identical APIs across React, Vue, Solid and Svelte.",9,107,["headless","react","vue","solid","state-machines"],"Segun Adebayo (@segunadebayo)","MIT","VG-1885-480.webp",0,11,0],["chart-parts-vg-0391","chart-parts","Grammar of graphics for React from Microsoft Research, a React-native reimplementation of Vega's compositional model.",6,67,["react","grammar-of-graphics","vega","composable"],"Microsoft (@microsoft)","MIT","VG-0391-480.webp",0,4,0],["swiftui-experiments-vg-1419","SwiftUI-experiments","Large collection of SwiftUI interaction and animation experiments recreating interfaces from shipped Apple apps.",14,204,["swiftui","animation","experiments","inspiration"],"Mike (@mikelikesdesign)","MIT","VG-1419-480.webp",0,3,0],["grape-vg-0483","Grape","Swift library for force simulation and graph visualisation with SIMD-accelerated layout for Apple platforms.",6,177,["swift","force-layout","simd","ios"],"Zhenning Li (@li3zhen1)","MIT","VG-0483-480.webp",0,2,0],["sal-vg-1500","Sal","Performance-focused scroll reveal library using IntersectionObserver and CSS classes, weighing under 3KB with no dependencies.",2,12,["scroll","reveal","intersection-observer","lightweight"],"Mirek Ciastek (@mciastek)","MIT","VG-1500-480.webp",0,4,0],["suncalc-vg-0910","SunCalc","Interactive visualiser of sun position, sunrise, sunset and shadow length for any location, date and time.",13,250,["sun","shadows","geolocation","visualization"],"Torsten Hoffmann","free","VG-0910-480.webp",0,2,0],["kbar-vg-1916","kbar","Portable, extensible cmd+K interface for React with nested actions, fuzzy search and keyboard-first navigation.",9,254,["command-palette","cmdk","react","keyboard"],"Tim Chang (@timc1)","MIT","VG-1916-480.webp",0,5,0],["react-native-skia-vg-1384","react-native-skia","Skia graphics bindings for React Native giving shaders, paths, blurs, filters and canvas drawing at native speed.",14,203,["react-native","skia","shaders","graphics"],"Shopify (@Shopify)","MIT","VG-1384-480.webp",0,4,0],["variablur-vg-1416","Variablur","Metal-powered variable blur for SwiftUI, letting blur radius vary across a view with a mask.",14,161,["swiftui","metal","blur","gradient"],"Dale Price (@daprice)","MIT","VG-1416-480.webp",0,4,0],["minimal-tiptap-vg-1940","Minimal Tiptap","Compact WYSIWYG editor component styled with shadcn/ui, wrapping Tiptap with a toolbar and bubble menu.",9,209,["react","tiptap","editor","shadcn"],"@Aslam97","MIT","VG-1940-480.webp",0,6,0],["d3-beeswarm-vg-0420","d3-beeswarm","Layout plugin that computes non-overlapping beeswarm arrangements for one-dimensional distributions, so every individual data point stays visible.",6,207,["beeswarm","distribution","layout","d3"],"Franck Lebeau (@Kcnarf)","open-source","VG-0420-480.webp",0,4,0],["disarray-vg-1236","Disarray","Codepip game about CSS transforms, teaching translate, rotate, scale and skew by rearranging scattered objects.",1,103,["css","transforms","game","learning"],"Thomas Park / Codepip (@thomaspark)","free","VG-1236-480.webp",0,6,0],["canvas-confetti-vg-1112","canvas-confetti","Dependency-free confetti and firework bursts on canvas with physics options, off-screen worker support and custom shapes.",10,225,["confetti","particles","celebration","canvas"],"Kiril Vatev (@catdad)","open-source","VG-1112-480.webp",0,2,0],["svader-vg-0373","Svader","Svelte library for building components whose surface is rendered by a WebGL or WebGPU fragment shader, handling sizing and lifecycle.",7,255,["svelte","webgpu","shader","components"],"sockmaster27","MIT","VG-0373-480.webp",0,2,0],["hover-effect-vg-1462","hover-effect","WebGL library that displaces and blends two images on hover using a grayscale displacement map for liquid reveals.",2,256,["webgl","hover","displacement","images"],"Robin Delaporte (@robin-dela)","MIT","VG-1462-480.webp",0,3,0],["smui-vg-1992","SMUI","Nord-inspired terminal theme for shadcn/ui: monospace typography, zero border radius, frost-blue accents on polar-night surfaces.",9,257,["theme","nord","monospace","shadcn"],"Ian Langworth (@statico)","open-source","VG-1992-480.webp",0,4,0],["flightcn-vg-1954","flightcn","shadcn-compatible component set for flight and route visualisation: airport pickers, route maps and itineraries.",9,26,["react","shadcn","travel","maps"],"Yen Cheng Lin (@ridemountainpig)","MIT","VG-1954-480.webp",0,4,0],["8x8-me-vg-1154","8x8.me","Library of monotone 8x8 pixel fill patterns for dithering, texture and retro shading, with browsable previews.",10,43,["dither","pattern","pixel-art","1-bit"],"Andrew Dent (@ace_dent)","open-source","VG-1154-480.webp",0,2,0],["glance-vg-1656","Glance","Curated gallery of SaaS product interfaces and marketing sites with a fast browsing format.",0,34,["saas","ui","gallery","inspiration"],"","free","VG-1656-480.webp",0,5,0],["react-native-multistep-vg-1381","react-native-multistep","Lightweight React Native multi-step form and wizard view with Reanimated-driven transitions between steps and progress indication.",14,258,["react-native","forms","multistep","reanimated"],"Brijen Makwana (@BrijenMakwana)","MIT","VG-1381-480.webp",0,3,0],["billboard-js-vg-0390","billboard.js","D3-based reusable chart library from Naver with a compact API, plugin system and unusually complete TypeScript definitions.",6,67,["d3","typescript","charts","c3-successor"],"Naver (@naver)","MIT","VG-0390-480.webp",0,4,0],["expo-thinking-orbs-vg-1362","expo-thinking-orbs","AI thinking indicators and voice-agent orb animations running on the UI thread with Skia and Reanimated.",14,184,["expo","skia","reanimated","ai-ui"],"Mahdi Davoodi (@mahdidavoodi7)","MIT","VG-1362-480.webp",0,7,0],["shadcn-studio-vg-0615","shadcn Studio","Theme editor and extended component gallery for shadcn/ui, with visual token editing and exportable theme files.",5,95,["shadcn","theming","components","editor"],"shadcn Studio","freemium","VG-0615-480.webp",0,4,0],["sonniss-gdc-game-audio-bundle-vg-1061","Sonniss GDC Game Audio Bundle","Annual multi-gigabyte giveaway of professional, untampered sound effect libraries released free for media production.",4,115,["sfx","game-audio","libraries","royalty-free"],"Sonniss","free","VG-1061-480.webp",0,4,0],["design-systems-mcp-vg-0044","design-systems-mcp","MCP server that answers design-system questions about components, tokens, patterns and best practice from a curated corpus.",15,230,["mcp","design-system","tokens","knowledge"],"Southleft (@southleft)","open-source","VG-0044-480.webp",0,4,0],["3d-force-graph-vg-0479","3d-force-graph","Three.js component rendering force-directed graphs in 3D with node objects, link particles and camera controls.",6,177,["threejs","3d","force-graph","webgl"],"Vasco Asturiano (@vasturiano)","MIT","VG-0479-480.webp",0,3,0],["img2css-vg-1155","img2css","Converts any image into pure CSS by generating box-shadow pixel data, no img tag or canvas required.",10,43,["css","pixel-art","image","novelty"],"Javier Bórquez (@javierbyte)","MIT","VG-1155-480.webp",0,3,0],["next-saas-stripe-starter-vg-0293","Next SaaS Stripe Starter","Next.js 14 SaaS starter with Auth.js v5, Prisma, Neon, Resend transactional email, user roles and an admin panel.",8,176,["nextjs","stripe","authjs","resend"],"mickasmt (@mickasmt)","MIT","VG-0293-480.webp",0,4,0],["next-supabase-stripe-starter-vg-0294","Next Supabase Stripe Starter","Tightly scoped starter wiring Next.js, Supabase auth and row-level security, Stripe subscriptions and shadcn/ui with typed database access.",8,176,["nextjs","supabase","stripe","shadcn"],"Kolby Sisk (@KolbySisk)","MIT","VG-0294-480.webp",0,3,0],["shadcn-registry-template-vg-1935","shadcn-registry-template","Starter repository for publishing your own shadcn CLI registry with build scripts and schema wiring.",9,128,["shadcn","registry","template","tooling"],"@vantezzen","MIT","VG-1935-480.webp",0,5,0],["utopia-fluid-space-calculator-vg-0835","Utopia Fluid Space Calculator","Companion tool generating a fluid spacing scale with one-up pairs, giving consistent responsive gaps from clamp values.",3,24,["spacing","fluid","clamp","css"],"James Gilyead & Trys Mudford","free","VG-0835-480.webp",0,1,0],["utopia-fluid-type-scale-calculator-vg-0836","Utopia Fluid Type Scale Calculator","Generates a type scale that interpolates smoothly between two viewport widths, outputting CSS clamp custom properties.",3,24,["fluid-type","clamp","css","type-scale"],"James Gilyead & Trys Mudford","free","VG-0836-480.webp",0,3,0],["swiftui-pathanimations-vg-1420","SwiftUI-PathAnimations","Toolkit for animating and morphing between SwiftUI Path and Shape definitions, including circle-to-shape interpolation helpers.",14,204,["swiftui","path","morphing","shapes"],"Alberto Dellibovi (@adellibovi)","MIT","VG-1420-480.webp",0,7,0],["sidebar-vg-1647","Sidebar","Five hand-picked design links published every weekday, with a long public archive.",0,57,["newsletter","design","links","daily"],"Sacha Greif (@SachaGreif)","free","VG-1647-480.webp",0,5,0],["astroship-vg-0217","Astroship","Astro startup and landing page template with pricing, features, blog and contact sections in Tailwind.",8,191,["astro","tailwind","landing","startup"],"Surjith S M (@surjithctly)","MIT","VG-0217-480.webp",0,2,0],["gltf-report-vg-1700","glTF Report","Web app that inspects a GLTF or GLB file, reporting mesh, texture and material costs and running optimization scripts in-browser.",12,259,["gltf","optimization","3d","inspector"],"Don McCurdy (@donrmccurdy)","MIT","VG-1700-480.webp",0,5,0],["mailgun-transactional-templates-vg-1841","Mailgun Transactional Templates","Responsive transactional email templates covering alerts, billing and account lifecycle messages, tested across the major email clients.",9,60,["email","transactional","templates","responsive"],"Mailgun","Apache-2.0","VG-1841-480.webp",0,3,0],["tapback-memojis-vg-1305","Tapback Memojis","Open-source avatar generator producing Apple-style memoji profile pictures from configurable facial features and colours.",14,260,["avatars","memoji","generator","ios"],"Wimell","MIT","VG-1305-480.webp",0,2,0],["missingno-vg-0467","missingno","Python library visualising missing-data patterns as matrix, bar, heatmap and dendrogram plots.",6,156,["python","missing-data","eda","matplotlib"],"Aleksey Bilogur (@ResidentMario)","MIT","VG-0467-480.webp",0,4,0],["heatmap-js-vg-0465","heatmap.js","Canvas heatmap library for point-density overlays with configurable radius, gradient and blur, usable over maps or images.",6,156,["heatmap","canvas","density","overlay"],"Patrick Wied (@patrickwied)","MIT","VG-0465-480.webp",0,5,0],["brittanychiang-com-v4-vg-0231","brittanychiang.com v4","Gatsby personal site by Brittany Chiang, one of the most forked developer portfolio designs on GitHub.",8,218,["gatsby","portfolio","personal-site","styled-components"],"Brittany Chiang (@bchiang7)","MIT","VG-0231-480.webp",0,4,0],["interface-craft-vg-0772","Interface Craft","Working library of interface patterns and details for people designing with deliberate, uncommon care.",3,261,["ui","craft","patterns","reference"],"","free","VG-0772-480.webp",0,3,0],["tsdiagram-vg-0344","TSDiagram","Diagrams-as-code editor where TypeScript type definitions are the source and the node graph updates live as you type.",7,195,["typescript","diagrams","code","architecture"],"Andrei (@_andrei_)","free","VG-0344-480.webp",0,3,0],["ui-design-daily-vg-1570","UI Design Daily","Free downloadable UI components, kits and full page templates released on a regular schedule.",0,138,["ui-kits","figma","freebies","templates"],"Ildiko (@ildiesign)","free","VG-1570-480.webp",0,5,0],["open-screenshot-generator-vg-1303","open-screenshot-generator","Client-side Canva alternative for app listing assets with device mockups, 3D poses and AI-assisted layout.",14,243,["app-store","mockups","screenshots","3d"],"dotnetdreamer","MIT","VG-1303-480.webp",0,4,0],["redash-vg-0450","Redash","Query editor and dashboard tool that connects to dozens of SQL and NoSQL sources with scheduled refresh and alerts.",6,211,["sql","dashboards","alerts","self-hosted"],"Redash (@getredash)","open-source","VG-0450-480.webp",0,5,0],["expo-liquid-glass-native-vg-1331","expo-liquid-glass-native","Expo native module providing Android liquid-glass surfaces, blur layers and glassmorphism interactions through platform rendering APIs.",14,242,["expo","android","glassmorphism","liquid-glass"],"818jsy","MIT","VG-1331-480.webp",0,6,0],["modern-font-stacks-vg-0635","Modern Font Stacks","Fifteen curated CSS font-family stacks using only system-installed typefaces, with per-stack Unicode coverage tables and live previews.",5,24,["typography","css","performance","system-fonts"],"Dan Klammer (@danklammer)","free","VG-0635-480.webp",0,6,0],["tailwindcss-animated-vg-1987","tailwindcss-animated","Extended animation utilities for Tailwind adding duration, delay, easing and direction modifiers to animations.",9,219,["tailwind","animation","plugin","utilities"],"New Data Services (@new-data-services)","MIT","VG-1987-480.webp",0,5,0],["glotshot-vg-1302","GlotShot","Tool for building App Store preview images with multi-device frames and localisation support.",14,243,["app-store","screenshots","localization","mockups"],"hooosberg","MIT","VG-1302-480.webp",0,4,0],["mockuphone-vg-0758","Mockuphone","Free device mockup generator covering a very long tail of phone, tablet, laptop and TV models including older hardware.",3,100,["mockups","devices","screenshots","free"],"Oursky","free","VG-0758-480.webp",0,1,0],["boxyhq-saas-starter-kit-vg-0284","BoxyHQ SaaS Starter Kit","Enterprise-flavoured Next.js starter shipping SAML SSO, directory sync, audit logs, webhooks and multi-tenant teams out of the box.",8,176,["nextjs","sso","multi-tenant","enterprise"],"BoxyHQ (@boxyhq)","open-source","VG-0284-480.webp",0,4,0],["easing-gradient-vg-1027","Easing Gradient","Figma plugin that rebuilds a gradient using an easing curve so the fade has no hard midpoint banding.",4,262,["figma-plugin","gradient","easing","scrim"],"Alex Widua (@alexwidua)","open-source","VG-1027-480.webp",0,6,0],["aptabase-vg-0258","Aptabase","Privacy-friendly analytics for mobile and desktop apps with SDKs for Swift, Kotlin, Flutter, Electron and Tauri.",8,17,["analytics","mobile","desktop","privacy"],"Guilherme Oenning (@goenning)","GPL","VG-0258-480.webp",0,4,0],["d3-force-3d-vg-0480","d3-force-3d","Fork of d3-force extending velocity-Verlet simulation to one, two or three dimensions.",6,177,["force-layout","3d","simulation","d3"],"Vasco Asturiano (@vasturiano)","MIT","VG-0480-480.webp",0,4,0],["mailhog-vg-1842","MailHog","Self-hosted fake SMTP server with a web UI that captures outgoing mail during local development.",9,60,["email","smtp","testing","self-hosted"],"Ian Kent (@ian_kent)","MIT","VG-1842-480.webp",0,3,0],["lax-js-vg-1496","Lax.js","Vanilla scroll-animation plugin driving CSS transforms and filters from scroll position via a declarative preset syntax.",2,12,["scroll","parallax","vanilla-js","presets"],"Alex Fox (@alexfoxy)","MIT","VG-1496-480.webp",0,5,0],["react-bottom-fixed-vg-1354","react-bottom-fixed","React component keeping bottom-fixed elements visible and correctly positioned on iOS Safari.",14,246,["react","ios","safari","mobile-web"],"almond-bongbong","MIT","VG-1354-480.webp",0,5,0],["decker-vg-1119","Decker","Multimedia sketchpad in the HyperCard tradition for building interactive documents, toys and games with a 1-bit aesthetic.",10,166,["hypercard","interactive","1-bit","authoring"],"John Earnest (@JohnEarnest)","MIT","VG-1119-480.webp",0,3,0],["awesome-fonts-vg-1539","awesome-fonts","Curated list of typography tools, font resources, foundries and web font tooling.",0,221,["fonts","typography","tooling","awesome-list"],"@brabadu","open-source","VG-1539-480.webp",0,5,0],["melonjs-vg-1193","melonJS","Lightweight HTML5 game engine with Tiled map support, entity pooling and WebGL/canvas fallback rendering.",10,27,["game-engine","tiled","html5","2d"],"melonJS team","MIT","VG-1193-480.webp",0,4,0],["d3-force-sampled-vg-0425","d3-force-sampled","Drop-in replacement for d3-force using random vertex sampling for linear-time layouts on large graphs.",6,207,["force-layout","performance","graph","d3"],"Two Six Labs (@twosixlabs)","open-source","VG-0425-480.webp",0,4,0],["dataflow-vg-0443","dataflow","Self-hosted Observable notebook editor supporting file attachments, secrets and custom standard libraries.",6,211,["observable","notebook","self-hosted","editor"],"Alex Garcia (@agarcia_me)","MIT","VG-0443-480.webp",0,5,0],["fractal-glass-effect-generator-vg-0711","Fractal Glass Effect Generator","Generates fractal-glass refraction distortion overlays that can be applied to images and backgrounds.",3,85,["glass","refraction","distortion","generator"],"MagicPattern","free","VG-0711-480.webp",0,0,0],["penpot-mcp-vg-0047","penpot-mcp","Official MCP server for Penpot enabling bidirectional design workflows against an open-source design tool.",15,230,["mcp","penpot","design","open-source"],"Penpot","open-source","VG-0047-480.webp",0,5,0],["bitsy-hacks-vg-1117","bitsy-hacks","Collection of reusable scripts extending Bitsy with dialogue effects, transitions, custom exits, audio and gamepad support.",10,166,["bitsy","hacks","interactive-fiction","scripting"],"Sean S. LeBlanc (@sean_leblanc)","MIT","VG-1117-480.webp",0,6,0],["chiri-vg-0220","Chiri","Very minimal Astro blog theme with restrained type, subtle interactions and almost no visual chrome.",8,191,["astro","minimal","blog","typography"],"the3ash (@the3ash)","MIT","VG-0220-480.webp",0,3,0],["dicebear-vg-1097","DiceBear","Avatar library generating deterministic SVG avatars from a seed across dozens of illustrated and pixel art styles.",10,263,["avatars","svg","procedural","placeholder"],"Florian Körner (@FlorianKoerner)","MIT","VG-1097-480.webp",0,4,0],["quadplay-vg-1197","quadplay","Fantasy console with a browser IDE, 16-colour-ish constraints and a scripting language tuned for fast game jams.",10,27,["fantasy-console","game-engine","retro","browser-ide"],"Morgan McGuire (@morgan3d)","open-source","VG-1197-480.webp",0,4,0],["css-loaders-vg-0125","CSS Loaders","Over six hundred loading animations, each built from a single div using only CSS and custom properties.",11,59,["css","loaders","single-div","animation"],"Temani Afif (@ChallengesCss)","free","VG-0125-480.webp",0,6,0],["frontend-practice-vg-1280","Frontend Practice","Platform giving you real company websites to rebuild, with supplied colour palettes, assets and difficulty tiers.",1,124,["practice","portfolio","frontend","challenges"],"Elyktrix (@elyktrix)","free","VG-1280-480.webp",0,4,0],["perfect-retroshaders-vg-1161","perfect-retroshaders","Pixel-perfect CRT, LCD and Game Boy shader presets tuned for retro handheld screens and integer scaling.",10,43,["crt","lcd","gameboy","shader"],"Yohan Lasorsa (@sinedied)","MIT","VG-1161-480.webp",0,4,0],["react95-vg-0370","React95","React component library reproducing the Windows 95 interface, including window chrome, tree views, dropdowns and system icons.",7,264,["react","retro","windows95","components"],"React95 contributors","open-source","VG-0370-480.webp",0,2,0],["pixi3d-vg-1172","Pixi3D","3D renderer built on PixiJS with glTF loading, PBR materials and shadows that composes with existing 2D scenes.",10,169,["pixijs","3d","gltf","pbr"],"Jens Malmborg (@jnsmalm)","MIT","VG-1172-480.webp",0,2,0],["weeee-js-vg-1437","Weeee.js","Sub-kilobyte tweening engine exposing a single function that animates arbitrary numeric values over time with easing.",2,33,["javascript","tweening","micro-library"],"sfi0zy","MIT","VG-1437-480.webp",0,4,0],["scrollreveal-vg-1504","ScrollReveal","Library that reveals elements as they enter the viewport, with per-element distance, rotation, scale, interval and sequencing config.",2,12,["scroll","reveal","viewport","javascript"],"Fisssion (@scrollreveal)","GPL","VG-1504-480.webp",0,3,0],["flyonui-vg-0327","FlyonUI","Tailwind component library exposing semantic class names rather than utility soup, with 80+ components, blocks and a matching Figma file.",7,265,["tailwind","components","semantic","figma"],"ThemeSelection","MIT","VG-0327-480.webp",0,3,0],["openchangelog-vg-1918","Openchangelog","Self-hostable changelog and release-notes tool with GitHub sync, RSS, search, password protection and custom domains.",9,254,["changelog","release-notes","self-hosted","rss"],"Jonas Hiltl (@jonasdevs)","open-source","VG-1918-480.webp",0,7,0],["figma-use-vg-0340","figma-use","CLI and JSX interface controlling Figma over the Chrome DevTools Protocol with 100+ read and write commands, no plugin install required.",7,266,["figma","cli","agents","automation"],"dannote","MIT","VG-0340-480.webp",0,4,0],["big-calendar-vg-1811","big-calendar","Feature-rich React calendar with month, week, day and agenda views, styled with shadcn/ui.",9,267,["react","calendar","scheduling","shadcn"],"@lramos33","MIT","VG-1811-480.webp",0,7,0],["react-native-floating-tab-vg-1393","react-native-floating-tab","Collection of animated floating bottom tab bars for React Native supporting React Navigation and Expo Router.",14,181,["react-native","tabs","animation","expo-router"],"Moeen Mahmud (@moeen-mahmud)","MIT","VG-1393-480.webp",0,4,0],["variables-import-vg-1036","Variables Import","Microsoft-maintained Figma plugin that imports design tokens from JSON files straight into Figma variable collections and modes.",4,241,["figma-plugin","variables","design-tokens","json"],"Microsoft","MIT","VG-1036-480.webp",0,7,0],["react-native-unistyles-vg-1398","react-native-unistyles","Styling engine for React Native that computes styles in C++ on the shadow tree, with variants, breakpoints and themes.",14,268,["react-native","styling","theming","performance"],"Jacek Pudysz (@jpudysz)","MIT","VG-1398-480.webp",0,4,0],["topogram-vg-0505","topogram","Generates continuous area cartograms from TopoJSON, distorting geography by a data value.",6,6,["cartogram","topojson","geo","distortion"],"Shawn Allen (@shawnbot)","MIT","VG-0505-480.webp",0,3,0],["cloudgram-vg-0452","cloudgram","Generates cloud architecture diagrams from a concise code description of components and connections.",6,141,["cloud","architecture","diagram","dsl"],"Jacopo Sabbatini (@dedalusj)","MIT","VG-0452-480.webp",0,4,0],["tuesday-js-vg-1126","Tuesday JS","Free open-source visual novel editor that runs in the browser and exports standalone HTML visual novels.",10,166,["visual-novel","editor","browser","narrative"],"Kirill Live (@Kirilllive)","open-source","VG-1126-480.webp",0,6,0],["photoshop-mcp-vg-0048","photoshop-mcp","MCP server exposing fifty-plus Photoshop automation tools for layers, filters, selections, text and export.",15,230,["mcp","photoshop","adobe","automation"],"Ali Sait Teke (@alisaitteke)","open-source","VG-0048-480.webp",0,3,0],["ditherer-vg-0134","ditherer","Browser tool for image and video dithering, glitch art and retro CRT/VHS filtering with layered effect chains.",11,269,["dithering","glitch","vhs","browser"],"(@gyng)","open-source","VG-0134-480.webp",0,5,0],["audiomotion-analyzer-vg-1100","audioMotion-analyzer","High-resolution real-time audio spectrum analyzer module with configurable frequency scales, gradients and rendering modes.",10,91,["visualizer","web-audio","spectrum","canvas"],"Henrique Vianna (@hvianna)","GPL","VG-1100-480.webp",0,4,0],["iconpark-vg-0728","IconPark","ByteDance icon system where a single SVG source can be rendered in outline, filled, two-tone or multi-color themes.",3,101,["icons","svg","theming","multi-color"],"ByteDance","Apache-2.0","VG-0728-480.webp",0,2,0],["ui-craft-vg-0053","UI Craft","Design-engineering skill that critiques UI work against a scoreable rubric before and after implementation.",15,232,["claude-skills","ui","critique","design-review"],"Eduardo Calvo (@educlopez)","open-source","VG-0053-480.webp",0,6,0],["react-native-confirmation-code-field-vg-1380","react-native-confirmation-code-field","OTP and confirmation code input field for React Native working across iOS, Android and web.",14,258,["react-native","otp","input","forms"],"retyui","MIT","VG-1380-480.webp",0,4,0],["jampack-vg-0322","Jampack","Post-processing optimiser for static sites that rewrites images responsively, inlines critical CSS, prefetches links and compresses assets.",7,245,["performance","static-site","images","core-web-vitals"],"divRIOTS","MIT","VG-0322-480.webp",0,2,0],["layer-cake-vg-0397","Layer Cake","Svelte graphics framework that handles scales, dimensions and responsive layout so you compose SVG, Canvas, WebGL and HTML layers yourself.",6,67,["svelte","layout","scales","multi-layer"],"Michael Keller (@mhkeller)","MIT","VG-0397-480.webp",0,6,0],["django-rocket-vg-0288","Django Rocket","CLI that scaffolds a Django SaaS with auth, billing, Tailwind and deployment config in one command.",8,176,["django","python","tailwind","cli"],"Ernesto González (@ernestofgonzalez)","MIT","VG-0288-480.webp",0,4,0],["react-easy-crop-vg-1872","react-easy-crop","Component for cropping, rotating and zooming images and video with pinch and drag interactions.",9,214,["image-crop","upload","react","touch"],"Ricardo (@ricardo-ch)","MIT","VG-1872-480.webp",0,6,0],["ui69-vg-1379","ui69","Unstyled accessible React Native primitives modelled on shadcn/ui, meant to be copied and restyled rather than configured.",14,160,["react-native","unstyled","primitives","shadcn"],"Satyam Raj (@enggsatyamraj)","MIT","VG-1379-480.webp",0,2,0],["kap-vg-0898","Kap","Open-source macOS screen recorder that exports GIF, MP4 and WebM with configurable frame rate, trimming and plugin export targets.",13,270,["screen-recording","macos","gif","design"],"Wulkano (@wulkano)","MIT","VG-0898-480.webp",0,6,0],["mcp-boilerplate-vg-0070","MCP Boilerplate","TypeScript starter for MCP servers with example tools, resources, prompts, multi-client install scripts and npm publish workflows.",15,271,["mcp","typescript","boilerplate","claude-desktop","cursor"],"CaptainCrouton89","MIT","VG-0070-480.webp",0,4,0],["rot-js-vg-1180","rot.js","Roguelike toolkit for JavaScript with map generators, field of view, pathfinding, scheduling, RNG and display abstraction.",10,162,["roguelike","procgen","pathfinding","fov"],"Ondřej Žára (@0ndras)","open-source","VG-1180-480.webp",0,4,0],["atropos-vg-0109","Atropos","Touch-friendly 3D parallax hover component that separates layers by depth, with vanilla, React, Vue and Svelte builds.",11,233,["3d","parallax","hover","card"],"Vladimir Kharlampidi (@nolimits4web)","MIT","VG-0109-480.webp",0,3,0],["wavefunctioncollapse-js-vg-1185","wavefunctioncollapse (JS)","JavaScript port of the WFC overlapping and simple-tiled models, usable directly in browser procgen pipelines.",10,162,["wfc","procgen","javascript","tilemap"],"Kevin Chapelier (@kchapelier)","MIT","VG-1185-480.webp",0,4,0],["originkit-vg-2015","OriginKit","Free library of animated React components consumable three ways: copy-paste code, a Framer integration, or an MCP connection for coding agents.",9,93,["react","animation","framer","mcp","registry"],"OriginKit","free","VG-2015.png",20683,7,0],["3d-websites-vg-1680","3D Websites","Gallery collecting only sites using real-time 3D, WebGL scenes and spatial interaction.",0,75,["webgl","3d","inspiration","gallery"],"","free","VG-1680-480.webp",0,6,0],["fantasy-vg-1135","fantasy","Curated catalogue of fantasy consoles and computers with links, specs and status for each project.",10,118,["fantasy-console","directory","retro","awesome-list"],"Tony Wang (@paladin-t)","open-source","VG-1135-480.webp",0,4,0],["next-js-boilerplate-vg-0256","Next.js Boilerplate","Next.js 16 starter wiring TypeScript, Tailwind 4, Clerk auth, DrizzleORM, Vitest, Playwright, Sentry, Arcjet and PostHog together.",8,272,["nextjs","typescript","tailwind","drizzle","starter"],"Rémi Awosanya / ixartz (@ixartz)","MIT","VG-0256-480.webp",0,7,0],["liquid-css-vg-0156","liquid-css","CSS-only refractive chromatic aberration effect that fakes light dispersion through glass edges using layered filters.",11,190,["css","chromatic-aberration","glass","effects"],"Brandon Jordan (@electrikmilk)","MIT","VG-0156-480.webp",0,4,0],["valibot-vg-0961","Valibot","Modular schema validation library where every validator is a separate importable function, keeping tree-shaken bundles very small.",13,273,["validation","schema","bundle-size","typescript"],"Fabian Hiller (@fabian-hiller)","MIT","VG-0961-480.webp",0,4,0],["apple-fonts-collection-vg-1319","Apple Fonts Collection","Extracted collection of Apple's official system typefaces, San Francisco and New York included, packaged for development use.",14,69,["typography","apple","fonts","ios"],"0xsharkboy","free","VG-1319-480.webp",0,5,0],["pglite-vg-0878","PGlite","Postgres compiled to WebAssembly as a small embeddable library that runs a real database in the browser, Node or an edge worker.",13,82,["postgres","wasm","local-first","embedded"],"ElectricSQL (@electric-sql)","Apache-2.0","VG-0878-480.webp",0,4,0],["react-wheel-picker-vg-1927","React Wheel Picker","iOS-style scrolling wheel picker for React with momentum, snapping and touch handling.",9,237,["react","picker","mobile","ios"],"Chanh Dai (@ncdai)","MIT","VG-1927-480.webp",0,7,0],["emerge-vg-0481","emerge","Browser-based interactive visualisation of codebase structure and dependencies across many programming languages.",6,177,["codebase","dependency","graph","analysis"],"Grzegorz Lato (@glato)","MIT","VG-0481-480.webp",0,4,0],["thnk-vg-1144","THNK","Authoritative multiplayer framework adding server-side simulation, prediction and lag compensation to browser-exportable games.",10,167,["multiplayer","authoritative","netcode","gdevelop"],"Arthur Pacaud (@arthuro555)","MIT","VG-1144-480.webp",0,6,0],["brethofai-comfyui-workflows-vg-0039","BrethofAI/comfyui-workflows","Curated and tested ComfyUI workflows for image, video and voice generation with documented node graphs.",15,274,["comfyui","workflows","image-gen","video"],"Breth of AI (@BrethofAI)","open-source","VG-0039-480.webp",0,5,0],["valor-vg-1029","Valor","Figma plugin that visualizes an existing palette and generates matching color variables across a scale.",4,262,["figma-plugin","color","variables","palette"],"Kolebayev","open-source","VG-1029-480.webp",0,4,0],["wasm-4-vg-1200","WASM-4","Fantasy console targeting WebAssembly with a 64KB memory budget, letting you write retro games in Rust, Go, C or Zig.",10,27,["fantasy-console","webassembly","retro","multi-language"],"Bruno Garcia (@aduros)","open-source","VG-1200-480.webp",0,6,0],["ni-vg-0859","ni","Package manager shim that detects the lockfile and runs the right npm, yarn, pnpm or bun command from one short alias.",13,213,["package-manager","cli","dx","monorepo"],"Anthony Fu (@antfu)","MIT","VG-0859-480.webp",0,4,0],["glicol-vg-1104","Glicol","Graph-oriented live coding language and audio DSP engine written in Rust, compiled to WebAssembly for the browser.",10,91,["live-coding","rust","wasm","dsp"],"Qichao Lan (@chaosprint)","MIT","VG-1104-480.webp",0,5,0],["saladui-vg-1906","SaladUI","Phoenix LiveView component library porting shadcn/ui patterns to Elixir with server-driven interactivity.",9,165,["elixir","phoenix","liveview","components"],"@bluzky","MIT","VG-1906-480.webp",0,2,0],["window-vibrancy-vg-1425","window-vibrancy","Tauri and Rust crate applying native window vibrancy, acrylic and mica materials on macOS and Windows.",14,275,["tauri","rust","vibrancy","desktop"],"Tauri (@TauriApps)","MIT","VG-1425-480.webp",0,6,0],["figma-to-json-vg-1049","figma-to-json","Reads and writes Figma files as plain JSON, enabling scripted edits and programmatic file generation.",4,276,["figma-api","json","automation","scripting"],"Michael Yagudaev (@yagudaev)","open-source","VG-1049-480.webp",0,5,0],["mockingbird-vg-1323","Mockingbird","Command-line tool for bulk-embedding app screenshots into Apple device frames, sized for App Store submission requirements.",14,277,["mockups","cli","ios","automation"],"Felix Ma (@FlixMa)","MIT","VG-1323-480.webp",0,5,0],["cmsaasstarter-vg-0286","CMSaasStarter","SvelteKit SaaS template with Supabase auth, Stripe subscriptions, marketing site, blog, settings and pricing pages already wired.",8,176,["sveltekit","supabase","stripe","saas"],"Critical Moments (@CriticalMoments)","MIT","VG-0286-480.webp",0,4,0],["scroll-driven-animations-debugger-vg-1502","Scroll-Driven Animations Debugger","DevTools extension that lists scroll and view timelines on a page and visualizes their ranges and current progress.",2,12,["devtools","scroll-timeline","debugging","css"],"Bramus Van Damme (@bramus)","MIT","VG-1502-480.webp",0,4,0],["astrofy-vg-0215","Astrofy","Astro personal CV and portfolio template with timeline, projects, blog, store and DaisyUI theming.",8,191,["astro","cv","portfolio","daisyui"],"Manuel Ernesto Garcia (@manuelernestog)","MIT","VG-0215-480.webp",0,3,0],["womp-vg-0636","Womp","Browser-based collaborative 3D modelling tool built around soft, blobby, designer-friendly modelling.",3,278,["3d","modeling","browser","collaborative"],"Womp, Inc.","freemium","VG-0636-480.webp",0,1,0],["pokemon-cards-css-vg-0111","pokemon-cards-css","Advanced CSS recreations of holographic, foil, galaxy and reverse-holo trading card finishes driven by pointer position.",11,233,["css","holographic","card","hover"],"Simon Goellner (@simeydotme)","MIT","VG-0111-480.webp",0,4,0],["blot-vg-0328","Blot","Open source pen-plotter drawing machine paired with a browser editor where art is written as code and submitted to a gallery.",7,97,["plotter","creative-coding","hardware","generative"],"Hack Club","MIT","VG-0328-480.webp",0,2,0],["awesome-open-source-boilerplates-vg-0238","Awesome Open Source Boilerplates","Curated GitHub list of free production-ready SaaS boilerplates organised by framework and platform.",8,13,["boilerplate","awesome-list","saas","directory"],"EinGuterWaran (@EinGuterWaran)","MIT","VG-0238-480.webp",0,5,0],["stackzero-labs-ui-vg-1975","stackzero-labs/ui","Open component registry for e-commerce storefronts: product cards, variant pickers, carts and reviews.",9,26,["react","ecommerce","shadcn","registry"],"@stackzero-labs","MIT","VG-1975-480.webp",0,3,0],["manual-vg-0248","Manual","Small Astro documentation theme focused on being readable and easy to modify rather than feature-complete.",8,134,["astro","docs","minimal","mdx"],"TheOtterlord (@TheOtterlord)","MIT","VG-0248-480.webp",0,3,0],["virtual-screen-reader-vg-0529","Virtual Screen Reader","JavaScript screen reader simulator that lets you assert on screen-reader output inside normal unit and integration tests.",5,15,["accessibility","testing","screen-reader","jest"],"Guidepup (@guidepup)","MIT","VG-0529-480.webp",0,5,0],["colorgrad-js-vg-0412","colorgrad-js","Rust-and-WebAssembly colour gradient library exposing scientific colormaps and custom gradient construction to JavaScript.",6,201,["wasm","gradient","colormap","colour"],"Nor Khasyatillah (@mazznoer)","MIT","VG-0412-480.webp",0,4,0],["vfx-js-vg-1784","VFX-JS","Library applying WebGL shader effects such as glitch, RGB shift, pixelate and warp directly onto existing DOM images and text.",12,129,["webgl","dom","effects","shaders"],"Takayosi Amagi (@amagitakayosi)","MIT","VG-1784-480.webp",0,4,0],["kobalte-vg-1889","Kobalte","Accessible headless component toolkit for SolidJS with WAI-ARIA compliant primitives and design system building blocks.",9,107,["solidjs","headless","accessibility","primitives"],"@kobaltedev","MIT","VG-1889-480.webp",0,8,0],["awesome-design-md-vg-1533","awesome-design-md","Collection of DESIGN.md files derived from major brand design systems, intended as context for coding agents.",0,221,["design-systems","agents","ai","awesome-list"],"VoltAgent","open-source","VG-1533-480.webp",0,4,0],["asimonim-vg-0618","asimonim","Language server, CLI and editor extensions giving autocomplete, hover docs and validation for design tokens inside your editor.",5,19,["design-tokens","lsp","editor","tooling"],"Benny Powers (@bennypowers)","GPL","VG-0618-480.webp",0,4,0],["react-native-auto-skeleton-vg-1367","react-native-auto-skeleton","Generates skeleton loading placeholders automatically from your existing layout tree with no per-screen configuration.",14,184,["react-native","skeleton","loading","native"],"pioner92","MIT","VG-1367-480.webp",0,4,0],["wwwatercolor-vg-0842","wwwatercolor","Generates soft watercolour-style background washes as SVG using layered filter effects.",3,279,["svg","watercolor","texture","background"],"fffuel","free","VG-0842-480.webp",0,1,0],["awesome-webgl-vg-1547","awesome-webgl","Curated list of WebGL frameworks, tutorials, tools, debugging aids and demos.",0,221,["webgl","3d","graphics","awesome-list"],"@sjfricke","open-source","VG-1547-480.webp",0,3,0],["d3-lasso-vg-0431","d3-lasso","Free-form lasso selection for D3 charts, letting users draw around points to filter scatterplots.",6,207,["selection","lasso","interaction","d3"],"Steven Okenes (@skokenes)","open-source","VG-0431-480.webp",0,2,0],["crossfilter-vg-0462","Crossfilter","Library for fast multidimensional filtering of large datasets in the browser, powering coordinated linked views.",6,156,["filtering","olap","linked-views","performance"],"Crossfilter maintainers (@crossfilter)","Apache-2.0","VG-0462-480.webp",0,3,0],["styler-vg-1034","Styler","Generates and updates Figma styles in bulk from layer naming conventions, and can detach or refresh them later.",4,241,["figma-plugin","styles","automation","naming"],"Andrei (@andrei-inc)","open-source","VG-1034-480.webp",0,5,0],["dominant-color-toolkit-vg-1026","Dominant Color Toolkit","Extracts dominant and palette colors from any image in your Figma file and outputs swatches you can apply.",4,262,["figma-plugin","color","palette","images"],"Brian Lovin (@brian_lovin)","open-source","VG-1026-480.webp",0,5,0],["react-native-true-sheet-vg-1396","react-native-true-sheet","Bottom sheet that renders the real platform sheet on iOS and Android instead of simulating one in JS.",14,280,["react-native","bottom-sheet","native","ios"],"Jovanni Lo (@lodev09)","MIT","VG-1396-480.webp",0,4,0],["ikonate-vg-0730","Ikonate","Fully customisable open-source SVG icons where stroke width, size and corner radius are adjustable before download.",3,101,["icons","svg","customizable","stroke"],"Mikołaj Dobrucki (@mikolajdobrucki)","MIT","VG-0730-480.webp",0,2,0],["haze-vg-1310","haze","Background blur and glass material effects for Jetpack Compose and Compose Multiplatform.",14,199,["compose","blur","glassmorphism","kotlin"],"Chris Banes (@chrisbanes)","Apache-2.0","VG-1310-480.webp",0,6,0],["valkyrie-vg-1313","Valkyrie","IntelliJ plugin converting SVG and Android vector XML into Compose ImageVector code.",14,199,["compose","icons","svg","tooling"],"ComposeGears","Apache-2.0","VG-1313-480.webp",0,3,0],["liquidglass-ybouane-vg-0163","liquidglass (ybouane)","Framework-agnostic web library producing glass surfaces with realistic refraction, chromatic edges and configurable blur falloff.",11,190,["liquid-glass","vanilla-js","refraction","effects"],"(@ybouane)","open-source","VG-0163-480.webp",0,3,0],["magicuidesign-mcp-vg-0107","magicuidesign/mcp","Official MCP server exposing the Magic UI animated component registry so agents install real components instead of inventing them.",15,197,["mcp","magic-ui","components","animation"],"Magic UI (@magicuidesign)","MIT","VG-0107-480.webp",0,3,0],["rrrepeat-vg-0810","rrrepeat","Generator for repeating SVG shape grids with control over spacing, rotation and scale.",3,9,["svg","pattern","repeat","generator"],"fffuel","free","VG-0810-480.webp",0,4,0],["lume-vg-0401","Lume","Vue 3 chart component library from Adyen built on D3 with a strict design-system-first component API.",6,67,["vue","d3","design-system","charts"],"Adyen (@Adyen)","MIT","VG-0401-480.webp",0,3,0],["awesome-jsgames-vg-1131","awesome-jsgames","Curated list of JavaScript games, engines, frameworks, tutorials and asset sources for web game development.",10,118,["awesome-list","javascript","games","directory"],"Proyecto26 (@proyecto26)","open-source","VG-1131-480.webp",0,3,0],["get-shit-done-vg-0088","get-shit-done","Lightweight meta-prompting system for Claude Code that structures work into planning and execution passes without heavy scaffolding.",15,157,["claude-code","meta-prompting","workflow"],"TÂCHES (@gsd-build)","open-source","VG-0088-480.webp",0,5,0],["lucidi-vg-1028","Lucidi","Syncs opacity-derived styles from a set of primary color styles, keeping tints and overlays consistent as brand colors change.",4,262,["figma-plugin","color","opacity","design-system"],"dimuuu","open-source","VG-1028-480.webp",0,3,0],["sketchling-vg-2013","Sketchling","TypeScript language giving LLMs hand-drawn primitives, IK rigging, camera and particles; renders deterministically via rough.js and GSAP.",3,25,["illustration","animation","rough-js","gsap","typescript"],"Anay Garodia","MIT","VG-2013.png",0,2,0],["archives-design-vg-1554","Archives.design","Digitised archive of historical graphic design books, manuals and reference works.",0,135,["graphic-design","archive","books","history"],"Valery Marier","free","VG-1554-480.webp",0,7,0],["bezier-easing-vg-1451","bezier-easing","Tiny, dependency-free implementation of CSS cubic-bezier timing as a JS function, using Newton-Raphson with a sample table.",2,64,["easing","cubic-bezier","javascript","math"],"Gaëtan Renaudeau (@gre)","MIT","VG-1451-480.webp",0,3,0],["rive-animated-icons-vg-1340","rive_animated_icons","Flutter package of customisable Rive-powered animated icons ready to drop into navigation and buttons.",14,208,["flutter","rive","icons","animation"],"nikkieke","MIT","VG-1340-480.webp",0,3,0],["spritefusion-pixel-snapper-vg-1165","Spritefusion Pixel Snapper","Tool that re-snaps off-grid pixel art — typically AI-generated — back onto a clean pixel grid with a consistent palette.",10,43,["pixel-art","ai-cleanup","grid","tooling"],"Hugo Duprez (@HugoDuprez)","MIT","VG-1165-480.webp",0,5,0],["open-react-template-vg-0252","Open React Template","Free Next.js landing page template by the Cruip team, designed for open source projects and SaaS launches.",8,196,["nextjs","tailwind","landing","cruip"],"Cruip (@cruip)","GPL","VG-0252-480.webp",0,3,0],["geotic-vg-1099","geotic","Small entity component system for JavaScript with a readable API, serialisation and entity references built in.",10,198,["ecs","javascript","architecture","serialization"],"Dalton Mills (@ddmills)","MIT","VG-1099-480.webp",0,5,0],["poline-vg-0415","poline","Generates colour palettes from positions on a 3D polyline through HSL space, producing unusual but coherent schemes.",6,201,["palette","generator","hsl","procedural"],"David Aerne (@meodai)","MIT","VG-0415-480.webp",0,3,0],["closeread-vg-0511","Closeread","Quarto extension adding scrollytelling to reproducible documents so prose scroll steps drive plots and maps.",6,90,["quarto","scrollytelling","r","reproducible"],"Quarto Lab (@qmd-lab)","MIT","VG-0511-480.webp",0,4,0],["blocks-so-vg-1948","blocks.so","Clean, minimal building blocks for dashboards and app shells designed to be copied straight into React projects.",9,26,["react","tailwind","blocks","dashboard"],"Ephraim Duncan (@ephraimduncan)","MIT","VG-1948-480.webp",0,4,0],["barista-vg-0574","Barista","Dynatrace's design system for dense observability UIs: data tables, charts, filters and monitoring-specific layout patterns.",5,65,["angular","data-dense","charts","observability"],"Dynatrace","Apache-2.0","VG-0574-480.webp",0,5,0],["stipple-effect-vg-0361","Stipple Effect","Pixel art editor with frame animation, layers and a built-in scripting language for automating repetitive game-art transforms.",7,16,["pixel-art","editor","scripting","gamedev"],"Jordan Bunke (@jbunke)","freemium","VG-0361-480.webp",0,2,0],["l7-vg-0498","L7","WebGL geospatial visualisation framework from AntV with 3D extrusion, heatmaps and large point cloud layers.",6,6,["webgl","geospatial","antv","3d"],"AntV / Ant Group (@antvis)","MIT","VG-0498-480.webp",0,3,0],["vue-spring-bottom-sheet-vg-1359","vue-spring-bottom-sheet","Bottom sheet component for Vue 3 with spring physics, snap points and touch handling.",14,246,["vue","bottom-sheet","web","spring"],"megaarmos","MIT","VG-1359-480.webp",0,5,0],["design-system-checklist-vg-0552","Design System Checklist","Open-source checklist covering planning, foundations, components, documentation and adoption stages of building a design system.",5,151,["checklist","design-systems","planning","governance"],"Arda Karacizmeli","open-source","VG-0552-480.webp",0,4,0],["diagram-js-vg-0455","diagram-js","Renderer and modelling toolkit underneath bpmn.io, providing canvas, palette, connection routing and undo for custom editors.",6,141,["canvas","modeling","editor","toolkit"],"bpmn.io / Camunda (@bpmn-io)","MIT","VG-0455-480.webp",0,3,0],["screen-shake-vg-1115","screen-shake","Small JavaScript/TypeScript module producing trauma-based screen shake offsets you apply to any camera or container.",10,225,["screenshake","juice","game-feel","typescript"],"(@sajmoni)","MIT","VG-1115-480.webp",0,6,0],["animate-plus-vg-1429","Animate Plus","3KB Promise-based animation module for CSS and SVG properties, using requestAnimationFrame with no dependencies or plugin system.",2,33,["javascript","svg","lightweight","css"],"Benjamin De Cock (@bendc)","MIT","VG-1429-480.webp",0,5,0],["planck-js-vg-1151","Planck.js","TypeScript rewrite of Box2D with an idiomatic JS API, joints, sensors and continuous collision for web and mobile.",10,212,["physics","box2d","2d","typescript"],"Ali Shakiba (@shakiba)","MIT","VG-1151-480.webp",0,3,0],["kyrix-vg-0466","Kyrix","System for building pan-and-zoom visualisations over datasets too large for the client, with automatic server-side scaling.",6,156,["zoomable","scalable","research","database"],"Wenbo Tao (@tracyhenry) / MIT DB Group","Apache-2.0","VG-0466-480.webp",0,3,0],["localmode-vg-1896","LocalMode","Registry of browser-only AI blocks — chat, RAG, transcription and CLIP image search — that run entirely client-side with no API keys.",9,281,["local-first","ai","wasm","react"],"LocalMode AI","open-source","VG-1896-480.webp",0,3,0],["cursor-talk-to-figma-mcp-vg-0043","cursor-talk-to-figma-mcp","MCP server with a WebSocket bridge that lets an agent create and modify Figma elements from natural language.",15,230,["mcp","figma","write-access","automation"],"Grab (@grab)","open-source","VG-0043-480.webp",0,3,0],["openkoda-vg-0299","Openkoda","Java and Spring business application platform with multi-tenancy, dynamic entities and an admin UI you can white-label.",8,176,["java","spring","multi-tenant","platform"],"Openkoda (@openkoda)","open-source","VG-0299-480.webp",0,2,0],["nelson-co-vg-0233","nelson.co","Gavin Nelson's personal site and portfolio built with Next.js, notable for restrained typography and layout.",8,218,["nextjs","portfolio","typography","minimal"],"Gavin Nelson (@gavinmn)","open-source","VG-0233-480.webp",0,4,0],["shademap-vg-0939","ShadeMap","Simulates mountain, building and tree shadows anywhere on Earth for any date and time, rendered over a live map.",13,105,["maps","shadows","geolocation","visualization"],"","freemium","VG-0939-480.webp",0,5,0],["lost-pixel-vg-0981","Lost Pixel","Visual regression runner that screenshots Storybook, Ladle, Histoire or page URLs in CI and reports pixel diffs on pull requests.",13,282,["visual-regression","ci","storybook","screenshots"],"Lost Pixel (@lost-pixel)","MIT","VG-0981-480.webp",0,6,0],["d3-cloud-vg-0421","d3-cloud","Word cloud layout that places words with sprite-based collision detection, running asynchronously so it never blocks the page.",6,207,["word-cloud","layout","d3","canvas"],"Jason Davies (@jasondavies)","open-source","VG-0421-480.webp",0,3,0],["webcola-vg-0492","WebCola","Constraint-based graph layout that supports alignment, non-overlap, flow direction and grouping constraints.",6,177,["layout","constraints","graph","d3"],"Tim Dwyer (@tgdwyer)","MIT","VG-0492-480.webp",0,5,0],["iconoir-vg-0727","Iconoir","Fully open-source icon library of over sixteen hundred icons with a consistent grid, no premium tier and no attribution.",3,101,["icons","svg","open-source","consistent"],"Luca Burgio (@lucaburgio)","MIT","VG-0727-480.webp",0,6,0],["motus-vg-1499","Motus","Scroll animation library that mimics CSS keyframe syntax, letting you define percentage-based frames tied to scroll progress.",2,12,["scroll","keyframes","javascript"],"Alexandru Cambose (@alexcambose)","MIT","VG-1499-480.webp",0,2,0],["flashlist-vg-1386","FlashList","Recycling list component for React Native rebuilt for the new architecture, with masonry layout and no size estimates.",14,229,["react-native","list","performance","recycling"],"Shopify (@Shopify)","MIT","VG-1386-480.webp",0,3,0],["app-icon-mockup-vg-1322","app-icon-mockup","Tool for generating app icon mockups rendered onto an iPhone home screen.",14,277,["app-icon","mockup","ios","marketing"],"Sachin Motwani (@sachinmotwani02)","MIT","VG-1322-480.webp",0,3,0],["d3-inertia-vg-0428","d3-inertia","Extends d3-drag so globe rotation keeps spinning with momentum after the pointer is released.",6,207,["globe","inertia","drag","d3"],"Philippe Rivière (@recifs)","MIT","VG-0428-480.webp",0,3,0],["d3-loom-vg-0433","d3-loom","Layout for loom diagrams, a chord-diagram variant that shows relationships between entities and a shared centre.",6,207,["chord","loom","layout","d3"],"Nadieh Bremer (@NadiehBremer)","MIT","VG-0433-480.webp",0,3,0],["awesome-web-animation-vg-1448","awesome-web-animation","Curated index of web animation libraries across SVG, canvas, CSS, scroll and text, plus GUI tools, books and easing utilities.",2,283,["curated-list","animation","libraries","reference"],"Sergey Pimenov (@sergey-pimenov)","open-source","VG-1448-480.webp",0,5,0],["text-engine-vg-1125","text-engine","Browser-based text adventure engine with a small JSON world format and a sample game, meant to be forked and modified.",10,166,["text-adventure","interactive-fiction","javascript","json"],"Benji Kay (@okaybenji)","MIT","VG-1125-480.webp",0,3,0],["design-systems-survey-vg-0553","Design Systems Survey","Sparkbox's multi-year survey of design system teams reporting on adoption, staffing, governance and measured outcomes.",5,151,["research","benchmarks","governance","staffing"],"Sparkbox","free","VG-0553-480.webp",0,6,0],["liquid-glass-shuding-vg-0159","liquid-glass (shuding)","Single-file copy-paste Apple-style liquid glass shader built from SVG displacement filters, no framework or build step required.",11,190,["liquid-glass","svg-filter","css","vanilla"],"Shu Ding (@shuding_)","MIT","VG-0159-480.webp",0,6,0],["octo-vg-1122","Octo","Browser IDE for CHIP-8 with a high-level language, debugger, sprite editor and one-click sharing of playable carts.",10,166,["chip8","assembly","retro","browser-ide"],"John Earnest (@JohnEarnest)","MIT","VG-1122-480.webp",0,4,0],["kizitonwose-calendar-vg-1311","kizitonwose Calendar","Highly customisable calendar view and Compose library for Android and Kotlin Multiplatform.",14,199,["compose","calendar","kotlin","multiplatform"],"Kizito Nwose (@kizitonwose)","MIT","VG-1311-480.webp",0,2,0],["arrow-vg-1116","Arrow","Visual game narrative design tool for authoring branching dialogue and story graphs, exporting to engine-friendly formats.",10,166,["narrative","dialogue","node-editor","branching"],"Mor. H. Golkar (@mhgolkar)","MIT","VG-1116-480.webp",0,3,0],["jhey-dev-vg-1222","jhey.dev","Design engineer's site of CSS experiments, interaction demos and interface challenges, backed by a huge CodePen archive.",1,29,["css","demos","interaction","codepen"],"Jhey Tompkins (@jh3yy)","free","VG-1222-480.webp",0,8,0],["llline-vg-0803","llline","SVG stroke and line generator for decorative rules, underlines, connectors and dividers, with adjustable curvature and thickness.",3,9,["svg","lines","generator","decoration"],"fffuel","free","VG-0803-480.webp",0,1,0],["mouse-animations-vg-0130","Mouse Animations","Framework-agnostic TypeScript library of cursor and mouse effects including trails, ripples and follower shapes.",11,284,["cursor","typescript","trail","effects"],"(@tgomilar)","MIT","VG-0130-480.webp",0,5,0],["paceui-vg-1804","PaceUI","UI blocks aimed at real apps and dashboards rather than marketing pages, designed to survive from prototype to production.",9,285,["blocks","dashboard","react","tailwind"],"PaceUI","freemium","VG-1804-480.webp",0,5,0],["shadcncraft-vg-1853","ShadcnCraft","Polished shadcn/ui components and blocks built to production standards as part of a paired Figma and React design system.",9,286,["figma","shadcn","design-system","blocks"],"ShadcnCraft","freemium","VG-1853-480.webp",0,8,0],["ssshape-vg-0812","ssshape","Organic blob shape generator producing editable SVG paths, with sliders for complexity, irregularity and corner smoothing.",3,9,["svg","blob","shapes","generator"],"fffuel","free","VG-0812-480.webp",0,1,0],["morphic-vg-0268","Morphic","AI answer engine with generative UI, streaming search results and pluggable search and model providers.",8,17,["ai","search","generative-ui","nextjs"],"miurla (@miurla)","Apache-2.0","VG-0268-480.webp",0,3,0],["awesome-ai-system-prompts-vg-0101","awesome-ai-system-prompts","Curated system-prompt collection framed as a builder's reference for people designing their own agents.",15,287,["system-prompts","agents","prompt-engineering"],"@dontriskit","open-source","VG-0101-480.webp",0,5,0],["context7-vg-0056","Context7","MCP server and CLI that injects current, version-specific library documentation and code examples into an agent's prompt.",15,288,["mcp","documentation","context","cursor","claude-code"],"Upstash (@upstash)","MIT","VG-0056-480.webp",0,2,0],["defensive-css-vg-1266","Defensive CSS","Collection of short lessons on writing CSS that survives long content, missing images, RTL text and unexpected data.",1,1,["css","robustness","patterns","learning"],"Ahmad Shadeed (@shadeed9)","free","VG-1266-480.webp",0,5,0],["desengs-vg-1579","DesEngs","Hand-curated index of design-engineering components, tools, essays and practitioners, updated constantly with tiny solo-built libraries.",0,72,["design-engineering","directory","components","curation"],"Maze Heart (@remvze)","free","VG-1579-480.webp",0,6,0],["geemap-vg-0496","geemap","Python package for interactive geospatial analysis and mapping on Google Earth Engine inside Jupyter.",6,6,["python","jupyter","earth-engine","geospatial"],"Qiusheng Wu (@giswqs)","MIT","VG-0496-480.webp",0,4,0],["nativecn-vg-1374","nativecn","Universal shadcn/ui implementation targeting React Native and web from one component source.",14,160,["react-native","shadcn","universal","web"],"unisol1020","MIT","VG-1374-480.webp",0,3,0],["verly-js-vg-1153","Verly.js","Small verlet integration physics engine for cloth, rope, soft bodies and blob shapes with an easy canvas API.",10,212,["verlet","soft-body","cloth","rope"],"Anurag Hazra (@anuraghazra)","MIT","VG-1153-480.webp",0,4,0],["design-system-gallery-vg-0546","Design System Gallery","Curated gallery of design systems with screenshots and filters, surfacing systems from Michelin, Carrefour, LINE and national governments.",5,40,["directory","gallery","design-systems","inspiration"],"Design System Gallery","free","VG-0546-480.webp",0,4,0],["varlock-vg-0962","Varlock","Schema-driven environment variable loader that validates values, documents them in .env files and detects secret leakage in builds.",13,273,["env","validation","secrets","dx"],"DMNO (@dmno-dev)","MIT","VG-0962-480.webp",0,5,0],["maily-to-vg-1939","Maily.to","Notion-like editor purpose-built for composing responsive HTML emails, with blocks and variable support.",9,209,["react","editor","email","blocks"],"Arik Chakma (@arikchakma)","MIT","VG-1939-480.webp",0,6,0],["react-modal-sheet-vg-1355","react-modal-sheet","Flexible iOS-style bottom sheet for React on the web, built with Motion and accessibility handling.",14,246,["react","bottom-sheet","web","motion"],"Teemu Taskula (@Temzasse)","MIT","VG-1355-480.webp",0,6,0],["envsafe-vg-0955","envsafe","Tiny runtime validator that parses and coerces environment variables against a schema and fails the process at boot with a readable report.",13,273,["env","validation","typescript","node"],"Alex Johansson (@alexdotjs)","MIT","VG-0955-480.webp",0,5,0],["vscode-webview-elements-vg-2002","VSCode Webview Elements","Web components that match VS Code's UI so extension webviews look native to the editor.",9,187,["web-components","vscode","extensions","theming"],"@bendera","MIT","VG-2002-480.webp",0,6,0],["storybook-design-token-vg-0627","storybook-design-token","Storybook addon that parses your stylesheets and icon files to auto-generate a live, always-current token documentation panel.",5,19,["storybook","design-tokens","documentation","addon"],"UX and I (@UX-and-I)","MIT","VG-0627-480.webp",0,6,0],["fuwari-vg-0222","Fuwari","Static Astro blog template with animated transitions, banner art support, table of contents and a soft pastel design system.",8,191,["astro","blog","animation","design"],"saicaca (@saicaca)","MIT","VG-0222-480.webp",0,5,0],["superclaude-vg-0028","SuperClaude","Configuration framework adding thirty slash commands, twenty specialist agents, seven behavioural modes and eight MCP integrations to Claude Code.",15,289,["claude-code","agents","slash-commands","mcp","framework"],"SuperClaude-Org (@NomenAK)","MIT","VG-0028-480.webp",0,4,0],["polycss-vg-0332","PolyCSS","Renders OBJ, GLB and VOX polygon meshes as DOM elements using matrix3d transforms, with textures, lighting and React/Vue bindings.",7,290,["css","3d","dom","webgl-free"],"Layoutit Studio","MIT","VG-0332-480.webp",0,4,0],["sara-soueidan-vg-1229","Sara Soueidan","Accessibility and CSS engineering blog covering focus indicators, ARIA live regions, SVG and inclusive component behaviour.",1,29,["accessibility","css","svg","writing"],"Sara Soueidan (@SaraSoueidan)","free","VG-1229-480.webp",0,4,0],["figma-linux-vg-1017","figma-linux","Unofficial Figma desktop client for Linux with tabs, multi-account support and local font hosting.",4,291,["figma","linux","desktop","client"],"Roman Chugunov (@ChugunovRoman)","GPL","VG-1017-480.webp",0,4,0],["shader-lab-vg-1749","Shader Lab","Browser toolkit for creating, stacking and animating layered GPU shaders, then exporting the composed result as code.",12,292,["shaders","webgpu","editor","open-source"],"basement.studio (@basementstudio)","MIT","VG-1749-480.webp",0,3,0],["d3-scale-cluster-vg-0434","d3-scale-cluster","Scale that bins continuous data into discrete classes using k-means clustering rather than quantile or equal-interval breaks.",6,207,["scales","choropleth","clustering","d3"],"Dan Schnerd (@schnerd)","MIT","VG-0434-480.webp",0,4,0],["gltf-transform-vg-1701","glTF Transform","SDK and CLI for reading, editing and optimizing GLTF assets with Draco and Meshopt compression, texture resizing, pruning and welding.",12,259,["gltf","cli","optimization","3d"],"Don McCurdy (@donrmccurdy)","MIT","VG-1701-480.webp",0,3,0],["magentaa11y-vg-0525","MagentaA11y","T-Mobile's generator that produces accessibility acceptance criteria per component for web, iOS and Android test plans.",5,15,["accessibility","acceptance-criteria","qa","mobile"],"T-Mobile Accessibility Resource Center","open-source","VG-0525-480.webp",0,3,0],["duet-vg-0581","Duet","LocalTapiola's insurance design system with web components, WCAG 2.1 AA conformance evidence and Finnish-language content rules.",5,65,["web-components","insurance","accessibility","i18n"],"LocalTapiola","MIT","VG-0581-480.webp",0,5,0],["samuelkraft-com-vg-0237","samuelkraft.com","Samuel Kraft's site built with Next.js, MDX and Tailwind, including bookmarks, notes and a design-forward blog layout.",8,218,["nextjs","mdx","tailwind","personal-site"],"Samuel Kraft (@samuelkraft)","MIT","VG-0237-480.webp",0,3,0],["legend-state-vg-0922","Legend-State","Fine-grained reactive state library with automatic persistence and sync plugins, designed to re-render only the components that changed.",13,143,["state","signals","react","persistence"],"Jay Meistrich (@jmeistrich)","MIT","VG-0922-480.webp",0,3,0],["brios-vg-0230","briOS","Brian Lovin's personal site source with a Mac-style multi-column layout, GraphQL backend and design-details writing.",8,218,["nextjs","graphql","personal-site","layout"],"Brian Lovin (@brianlovin)","MIT","VG-0230-480.webp",0,2,0],["uplot-vg-0410","uPlot","Canvas time-series chart library in ~50KB that renders 150k+ points in milliseconds with near-zero CPU on streaming data.",6,67,["canvas","time-series","performance","lightweight"],"Leon Sorokin (@leeoniya)","MIT","VG-0410-480.webp",0,4,0],["hyperui-vg-1569","HyperUI","Open-source Tailwind component collection with copy-paste markup and no install or dependency step.",0,138,["tailwind","components","copy-paste","open-source"],"Mark Mead (@markmead)","MIT","VG-1569-480.webp",0,7,0],["tic-80-vg-1199","TIC-80","Fantasy computer with built-in code, sprite, map, sound and music editors that exports playable browser cartridges.",10,27,["fantasy-console","retro","pixel-art","chiptune"],"Vadim Grigoruk (@nesbox)","MIT","VG-1199-480.webp",0,4,0],["maccy-vg-0931","Maccy","Lightweight macOS clipboard manager with fuzzy search, pinned items, paste-without-formatting and rules for ignoring sensitive content.",13,293,["macos","clipboard","productivity","swift","open-source"],"Alex Rodionov (@p0deje)","MIT","VG-0931-480.webp",0,3,0],["graphviz-visual-editor-vg-0485","graphviz-visual-editor","Web app for editing Graphviz DOT graphs visually and textually at the same time, with live bidirectional sync.",6,177,["graphviz","dot","editor","browser"],"Magnus Jacobsson (@magjac)","MIT","VG-0485-480.webp",0,6,0],["plotjuggler-vg-0469","PlotJuggler","Qt desktop application for plotting and inspecting time-series logs from robotics, ROS and CSV sources with drag-drop layouts.",6,156,["time-series","desktop","robotics","logs"],"Davide Faconti (@facontidavide)","open-source","VG-0469-480.webp",0,4,0],["floweaver-vg-0506","floweaver","Python library that reshapes flow datasets into Sankey diagrams via a definition of groupings and partitions.",6,183,["python","sankey","material-flow","aggregation"],"Rick Lupton (@ricklupton)","MIT","VG-0506-480.webp",0,5,0],["ember-vg-2007","Ember","Terminal, chart, heatmap and UI palettes engineered to stay distinguishable after aggressive Redshift or Night Shift warm-screen filtering.",3,36,["color","palette","accessibility","terminal-theme","python"],"carpdiem","MIT","VG-2007.png",0,2,0],["splittype-vg-1516","SplitType","Splits text nodes into line, word and character wrappers with CSS classes so any engine can animate them.",2,98,["text","split","typography","animation"],"Luke Peavey (@lukePeavey)","MIT","VG-1516-480.webp",0,4,0],["astro-sphere-vg-0214","Astro Sphere","Portfolio and blog theme with project index, work timeline, search and animated transitions in Astro.",8,191,["astro","portfolio","blog","search"],"markhorn-dev (@markhorn-dev)","MIT","VG-0214-480.webp",0,2,0],["smoothie-charts-vg-0406","Smoothie Charts","Tiny canvas library dedicated to live streaming timelines that scroll smoothly at 60fps with configurable delay buffers.",6,67,["realtime","streaming","canvas","timeseries"],"Joe Walnes (@joewalnes)","MIT","VG-0406-480.webp",0,4,0],["ui-registries-vg-1938","ui-registries","Auto-updated GitHub index claiming 500+ shadcn/ui registries, refreshed daily from public repositories.",9,128,["shadcn","registry","index","automation"],"@ethan-krich","MIT","VG-1938-480.webp",0,5,0],["turbolite-vg-0895","Turbolite","SQLite virtual filesystem layer that fetches pages from cloud object storage, enabling sub-100ms queries against remote database files.",13,294,["sqlite","edge","object-storage","database"],"Russell Romney (@russellromney)","open-source","VG-0895-480.webp",0,4,0],["walkway-vg-1510","Walkway","Minimal library for animating SVG line, path and polyline elements as if they were being drawn by hand.",2,295,["svg","path","drawing","lightweight"],"Connor Atherton (@ConnorAtherton)","MIT","VG-1510-480.webp",0,4,0],["colyseus-vg-1140","Colyseus","Node.js multiplayer framework with authoritative rooms, automatic binary state synchronisation, matchmaking and client SDKs for many engines.",10,167,["multiplayer","netcode","state-sync","nodejs"],"Endel Dreyer (@endel)","MIT","VG-1140-480.webp",0,3,0],["graph-dungeon-generator-vg-1176","graph-dungeon-generator","Graph-based procedural dungeon generator in TypeScript that places rooms from a connectivity graph with a readable implementation.",10,162,["dungeon","procgen","typescript","graph"],"halftheopposite","MIT","VG-1176-480.webp",0,4,0],["cs16-css-vg-0369","cs16.css","CSS component library reproducing the Counter-Strike 1.6 interface: buttons, checkboxes, inputs, dialogs, tooltips and tabs.",7,264,["css","retro","components","gaming"],"Samuel Breznjak (@ekmas)","MIT","VG-0369-480.webp",0,4,0],["tolgee-vg-0275","Tolgee","Localization platform with in-context translation editing directly in your running app plus a translation memory.",8,17,["i18n","localization","in-context","sdk"],"Tolgee (@tolgee)","Apache-2.0","VG-0275-480.webp",0,4,0],["vivus-vg-1509","Vivus","Library that animates SVG stroke drawing with delayed, sync and oneByOne modes, plus scroll- and script-driven playback control.",2,295,["svg","line-drawing","stroke","animation"],"Maxwellito (@maxwellito)","MIT","VG-1509-480.webp",0,5,0],["fancy-components-vg-1573","Fancy Components","Free open-source collection of unusually expressive React components: physics text, distortion, cursor effects.",0,96,["react","motion","components","open-source"],"Daniel Petho","MIT","VG-1573-480.webp",0,4,0],["powerglitch-vg-0142","PowerGlitch","Tiny library that glitches any DOM element or image with configurable slice count, timing and chromatic offset.",11,296,["glitch","css","animation","vanilla-js"],"(@7PH)","MIT","VG-0142-480.webp",0,3,0],["d3-interpolate-path-vg-0429","d3-interpolate-path","Path interpolator that handles transitions between paths with different numbers of points without visual jumping.",6,207,["transition","path","interpolation","d3"],"Peter Beshai (@pbeshai)","open-source","VG-0429-480.webp",0,5,0],["downshift-vg-1795","Downshift","Primitives and hooks for building WAI-ARIA compliant autocomplete, combobox, select and tag-group components in React or Preact.",9,297,["react","accessibility","combobox","aria","hooks"],"Kent C. Dodds (@kentcdodds)","MIT","VG-1795-480.webp",0,5,0],["beep-js-vg-1101","beep.js","JavaScript toolkit for building browser synthesizers with note, interval and voice abstractions over Web Audio.",10,91,["synthesizer","web-audio","music-theory","midi"],"Stewart Smith (@stewdio)","MIT","VG-1101-480.webp",0,3,0],["yarnclassic-vg-1129","YarnClassic","Standalone node-based editor for writing interactive dialogue trees in the Yarn markup language.",10,166,["dialogue","yarn","node-editor","narrative"],"(@blurymind)","MIT","VG-1129-480.webp",0,1,0],["sparda-vg-0055","SPARDA","Tool that converts existing Express or FastAPI applications into MCP servers without rewriting the API surface.",15,298,["mcp","express","fastapi","generator"],"Zakaria Gharzouli (@zyx77550)","open-source","VG-0055-480.webp",0,5,0],["figmatocode-vg-1051","FigmaToCode","Open-source Figma plugin converting frames to Tailwind, HTML, SwiftUI or Flutter with layout-aware output rather than absolute positioning.",4,276,["figma-to-code","tailwind","swiftui","flutter"],"Bernardo Ferrari (@bernaferrari)","open-source","VG-1051-480.webp",0,5,0],["datawrapper-academy-vg-0385","Datawrapper Academy","Free documentation-plus-theory site covering chart choice, colour, annotation and map design from the Datawrapper team.",6,146,["education","colour","annotation","maps"],"Datawrapper (@Datawrapper)","free","VG-0385-480.webp",0,3,0],["awesome-svg-vg-1545","awesome-svg","Curated list of SVG tools, libraries, optimisers, animation techniques and tutorials.",0,221,["svg","animation","tooling","awesome-list"],"Willian Justen (@willianjusten)","open-source","VG-1545-480.webp",0,4,0],["boxed-vg-0954","Boxed","Functional building blocks for TypeScript: Option, Result, AsyncData and Future types with a fluent, non-academic API.",13,273,["typescript","functional","result","option"],"Swan (@swan-io)","MIT","VG-0954-480.webp",0,4,0],["coss-ui-vg-1809","Coss UI","Component library built on top of Base UI primitives, distributed as shadcn-format source and documented for AI-assisted codegen.",9,299,["base-ui","react","registry","ai"],"Coss (@cosscom)","open-source","VG-1809-480.webp",0,5,0],["react-select-search-vg-1877","react-select-search","Lightweight searchable select for React with fuzzy matching, option grouping, multiple selection and no imposed styling opinions.",9,214,["select","search","react","lightweight"],"Tobias Bleckert (@tbleckert)","MIT","VG-1877-480.webp",0,7,0],["origin-ui-vg-1966","Origin UI","Large open collection of Tailwind and shadcn component variations covering inputs, selects, dialogs, navigation and notification patterns.",9,26,["react","tailwind","shadcn","forms"],"Origin Space","MIT","VG-1966-480.webp",0,6,0],["gamedev-free-resources-vg-1551","gamedev-free-resources","Repository indexing free game development assets: 2D and 3D art, sound effects, music and tooling.",0,221,["game-dev","assets","3d","audio"],"teamgravitydev","open-source","VG-1551-480.webp",0,5,0],["mural-vg-0512","Mural","Self-hosted tool for building visual scrolling stories with video, audio and image backgrounds, no code required.",6,90,["storytelling","no-code","self-hosted","editorial"],"GetMural (@GetMural)","open-source","VG-0512-480.webp",0,3,0],["cientos-vg-1780","Cientos","Collection of ready-made abstractions, controls, loaders and shader materials for TresJS, the Vue declarative Three.js renderer.",12,300,["vue","three.js","components","3d"],"TresJS team (@tresjs)","MIT","VG-1780-480.webp",0,4,0],["use-scramble-vg-0199","use-scramble","React hook producing randomised scramble and decrypt text transitions with tick rate, speed and character-set controls.",11,231,["react","text","scramble","hook"],"(@tol-is)","MIT","VG-0199-480.webp",0,6,0],["nebulix-vg-0224","Nebulix","Astro theme combining a static CMS, Snipcart commerce and a gallery-heavy layout for creative studios.",8,191,["astro","cms","ecommerce","gallery"],"Unfolding Studio (@unfolding-io)","MIT","VG-0224-480.webp",0,2,0],["samselikoff-com-vg-0236","samselikoff.com","Sam Selikoff's personal site source, useful as a reference for Next.js plus Tailwind structure from a teacher of both.",8,218,["nextjs","tailwind","personal-site","mdx"],"Sam Selikoff (@samselikoff)","MIT","VG-0236-480.webp",0,3,0],["rapidlaunch-vg-0301","Rapidlaunch","SaaS starter kits plus a library of marketing blocks and guides, built on shadcn/ui, Drizzle and Resend.",8,176,["nextjs","shadcn","drizzle","blocks"],"Ali Farooq (@alifarooq9)","MIT","VG-0301-480.webp",0,3,0],["shuffle-text-vg-1514","shuffle-text","Text effect library recreating the Flash-era character shuffle/decode reveal with configurable duration and random glyph sets.",2,98,["text","scramble","decode","effect"],"Yasunobu Ikeda (@ics-ikeda)","MIT","VG-1514-480.webp",0,5,0],["standardized-audio-context-vg-1108","standardized-audio-context","Cross-browser Web Audio API wrapper that patches vendor quirks so the same code behaves identically everywhere.",10,91,["web-audio","polyfill","cross-browser","audio"],"Christoph Guttandin (@chrisguttandin)","MIT","VG-1108-480.webp",0,5,0],["react-rnd-vg-1894","react-rnd","React component that makes any element both draggable and resizable, with grids, bounds, aspect-ratio locking and controlled state.",9,301,["react","drag","resize","typescript","windowing"],"bokuweb","MIT","VG-1894-480.webp",0,5,1],["indie-ui-vg-1959","Indie UI","shadcn-style component set organised around variants, focused on landing pages, forms and interactive controls.",9,26,["react","shadcn","variants","tailwind"],"@Ali-Hussein-dev","MIT","VG-1959-480.webp",0,8,0],["cubism-js-vg-0393","Cubism.js","D3 plugin for horizon charts, a time-series encoding that stacks many metrics in a fraction of the vertical space.",6,67,["horizon-chart","time-series","d3","monitoring"],"Square / Mike Bostock (@mbostock)","Apache-2.0","VG-0393-480.webp",0,6,0],["d3-dag-vg-0423","d3-dag","Layout algorithms for directed acyclic graphs — Sugiyama, zherebko and grid — as a d3-hierarchy-style module.",6,207,["dag","layout","sugiyama","d3"],"Erik Brinkman (@erikbrinkman)","MIT","VG-0423-480.webp",0,3,0],["d3-node-vg-0463","d3-node","Renders D3 charts and maps to static SVG on the server for emails, PDFs and social cards.",6,156,["ssr","svg","node","static"],"d3-node maintainers (@d3-node)","MIT","VG-0463-480.webp",0,4,0],["image-to-braille-vg-0136","Image-to-Braille","Converts images into Unicode braille characters, giving a text-only dithered rendering that works anywhere text does.",11,269,["ascii","braille","dithering","text"],"(@505e06b2)","open-source","VG-0136-480.webp",0,3,0],["taucharts-vg-0407","TauCharts","Grammar-of-graphics chart library built around facets and declarative data mapping rather than per-chart-type config objects.",6,67,["grammar-of-graphics","facets","d3","declarative"],"Targetprocess (@TargetProcess)","Apache-2.0","VG-0407-480.webp",0,4,0],["the-component-gallery-vg-1588","The Component Gallery","Cross-referenced index of interface components showing how dozens of published design systems name and build each one.",0,72,["design-systems","components","reference","naming"],"Iain Bean (@iainbean)","free","VG-1588-480.webp",0,4,0],["pixijs-particle-emitter-vg-1174","PixiJS Particle Emitter","Configurable particle system for PixiJS with an accompanying visual editor for authoring emitter presets.",10,169,["pixijs","particles","vfx","editor"],"PixiJS userland","MIT","VG-1174-480.webp",0,3,0],["diamond-types-vg-0915","Diamond Types","Rust CRDT implementation for collaborative plain-text editing optimised for extremely fast merging of long editing histories.",13,143,["crdt","rust","text-editing","performance"],"Joseph Gentle (@josephg)","open-source","VG-0915-480.webp",0,3,0],["phenomenon-vg-0179","phenomenon","Two-kilobyte low-level WebGL wrapper designed for instanced particle scenes with custom shaders and no scene graph.",11,48,["webgl","particles","instancing","shader"],"Colin van Eenige (@vaneenige)","MIT","VG-0179-480.webp",0,3,0],["taste-skill-vg-0637","Taste Skill","Open-source skill files that steer AI coding agents toward better frontend visual and interaction decisions.",3,175,["ai-agents","skills","frontend","design"],"Leon Lin (@lexnlin) & blueemi (@blueemi99)","open-source","VG-0637-480.webp",0,3,0],["panel-vg-0449","Panel","HoloViz framework for building Python data apps that works with matplotlib, Plotly, Bokeh, Altair and Vega output together.",6,211,["python","dashboard","holoviz","multi-backend"],"HoloViz (@holoviz)","open-source","VG-0449-480.webp",0,3,0],["apollo-vg-0129","Apollo","Custom cursor library with hover targets, magnetic snapping and state machines for element-specific cursor modes.",11,284,["cursor","magnetic","vanilla-js","interaction"],"Adoratorio Studio (@Adoratorio)","MIT","VG-0129-480.webp",0,5,0],["shader-labs-vg-1756","shader-labs","Lightweight modular WebGL shader library packaging animated background shaders for use in ordinary web interfaces.",12,144,["webgl","shaders","backgrounds","ui"],"srivtx (@srivtx)","MIT","VG-1756-480.webp",0,8,0],["front-end-resources-vg-1550","Front-End Resources","Community-maintained documentation site indexing front-end and design resources by topic: CSS, HTML, JavaScript, React, TypeScript, design.",0,221,["awesome-list","frontend","css","react","resources"],"Aycan Ogut (@aycanogut)","MIT","VG-1550-480.webp",0,2,0],["lit-line-vg-0400","lit-line","SVG line-chart web component under 3KB that is interactive, responsive and works in any framework or none.",6,67,["web-component","svg","sparkline","tiny"],"Arnaud Pinet (@apinet)","MIT","VG-0400-480.webp",0,4,0],["alienui-vg-1371","AlienUI","Open component library of NativeWind-styled React Native elements covering forms, cards, overlays and navigation patterns.",14,160,["react-native","nativewind","tailwind","components"],"AlienUI Org","MIT","VG-1371-480.webp",0,6,0],["react-scroll-parallax-vg-0185","react-scroll-parallax","React hooks and components for scroll-linked parallax on elements, banners and backgrounds with easing and rotation.",11,302,["react","parallax","scroll","hooks"],"J Scott Smith (@jscottsmith)","MIT","VG-0185-480.webp",0,6,0],["shadcn-tree-view-vg-1827","shadcn-tree-view","Hierarchical tree view component for React with expand, select and icon support in shadcn styling.",9,303,["react","tree-view","shadcn","hierarchy"],"@mrlightful","MIT","VG-1827-480.webp",0,6,0],["cloudflare-templates-vg-0307","Cloudflare Templates","Official monorepo of 30+ Workers starters covering D1, R2, Durable Objects chat, LLM chat, SaaS admin and fullstack React.",8,304,["cloudflare","workers","templates","edge"],"Cloudflare (@cloudflare)","Apache-2.0","VG-0307-480.webp",0,5,0],["marimo-vg-0446","marimo","Reactive Python notebook stored as plain .py, with SQL cells and one-command deployment as an interactive app.",6,211,["python","notebook","reactive","app"],"marimo (@marimo_io)","Apache-2.0","VG-0446-480.webp",0,3,0],["dub-vg-0262","Dub","Link management and attribution platform with short links, conversion tracking, affiliate programs and analytics.",8,17,["links","analytics","nextjs","tinybird"],"Steven Tey (@steventey)","GPL","VG-0262-480.webp",0,3,0],["agent-guard-vg-0014","Agent Guard","Real-time guardrails that detect and block secret leakage in agent output and tool calls.",15,305,["agents","secrets","security","guardrails"],"@JeongJaeSoon","open-source","VG-0014-480.webp",0,3,0],["smastrom-react-rating-vg-1861","@smastrom/react-rating","Zero-dependency, fully accessible star and custom-shape rating input with keyboard and RTL support.",9,214,["rating","input","accessible","react"],"Simone Mastromattei (@smastrom)","MIT","VG-1861-480.webp",0,5,0],["vue-three-d-mockup-vg-1325","vue-three-d-mockup","Vue component rendering an interactive 3D phone mockup to showcase app screens.",14,277,["vue","3d","mockup","marketing"],"Anatoly Kopyl (@anatolykopyl)","MIT","VG-1325-480.webp",0,5,0],["saasfly-vg-0303","Saasfly","Next.js monorepo boilerplate with Turborepo, Kysely, Clerk, Stripe and i18n aimed at enterprise-scale teams.",8,176,["nextjs","turborepo","kysely","i18n"],"Saasfly (@saasfly)","MIT","VG-0303-480.webp",0,3,0],["a-collection-of-design-engineers-vg-1578","A Collection of Design Engineers","Running directory of people working at the design/engineering intersection, with links to their sites and work.",0,72,["design-engineering","people","directory","community"],"Maggie Appleton (@Mappletons)","free","VG-1578-480.webp",0,6,0],["wanda-vg-0609","Wanda","Wonderflow's open design system pairing a React component library with an unusually clear written rationale for each foundation decision.",5,65,["react","tokens","documentation","open-source"],"Wonderflow","open-source","VG-0609-480.webp",0,4,0],["morphogenesis-resources-vg-1178","morphogenesis-resources","Curated reference of algorithms for growth and form — diffusion-limited aggregation, reaction-diffusion, L-systems, space colonization.",10,162,["generative","algorithms","reference","l-systems"],"Jason Webb (@jasonwebb)","open-source","VG-1178-480.webp",0,4,0],["figma-plugin-samples-vg-1054","Figma plugin-samples","Figma's official sample plugins and widgets covering canvas manipulation, UI messaging, iframes, network access and widget state.",4,306,["figma-plugin","widgets","samples","reference"],"Figma","MIT","VG-1054-480.webp",0,6,0],["expo-local-first-template-vg-1334","expo-local-first-template","Expo starter wired for local-first apps with Bun, TypeScript, TailwindCSS, Drizzle ORM and SQLite.",14,235,["expo","local-first","sqlite","drizzle"],"expo-starter","MIT","VG-1334-480.webp",0,3,0],["next-js-starter-kit-vg-0296","Next.js Starter Kit","Opinionated Next.js starter combining Clerk auth, Convex or Postgres, Polar billing and a pre-built dashboard shell.",8,176,["nextjs","clerk","dashboard","billing"],"Michael Shimeles (@michaelshimeles)","MIT","VG-0296-480.webp",0,4,0],["react-native-nitro-haptics-vg-1348","react-native-nitro-haptics","Low-latency haptic feedback for React Native built on Nitro modules, callable directly from Reanimated worklets.",14,174,["react-native","haptics","worklets","nitro"],"Joel Arvidsson (@oblador)","MIT","VG-1348-480.webp",0,4,0],["tailwindcss-safe-area-vg-1357","tailwindcss-safe-area","Tailwind CSS plugin adding utilities for iOS safe-area insets on padding, margin and height.",14,246,["tailwind","safe-area","ios","pwa"],"mvllow","MIT","VG-1357-480.webp",0,3,0],["observable-prerender-vg-0448","observable-prerender","Headless renderer that runs Observable notebooks and exports cells as PNG, SVG or PDF for automation pipelines.",6,211,["observable","headless","export","automation"],"Alex Garcia (@agarcia_me)","MIT","VG-0448-480.webp",0,4,0],["phaser3-typescript-vg-1148","phaser3-typescript","Large collection of annotated Phaser 3 games and mechanics written in TypeScript as learn-by-reading examples.",10,210,["phaser","typescript","examples","learning"],"Digitsensitive (@digitsensitive)","MIT","VG-1148-480.webp",0,3,0],["pixi-live2d-display-vg-1170","pixi-live2d-display","PixiJS plugin that renders Live2D Cubism models, handling motions, expressions, hit areas and lip sync.",10,169,["pixijs","live2d","character","animation"],"(@guansss)","MIT","VG-1170-480.webp",0,4,0],["tweezer-js-vg-1187","Tweezer.js","Dependency-free ES6 tweening primitive that emits interpolated values, leaving you to decide what to animate.",10,240,["tweening","easing","micro-library","vanilla"],"Jackson Geller (@jaxgeller)","MIT","VG-1187-480.webp",0,5,0],["repo-prompt-vg-0042","Repo Prompt","Native macOS app for assembling code context into prompts, with file trees, diffs and an MCP server agents can call.",15,307,["macos","context","prompts","mcp","codebase"],"Repo Prompt (@repoprompt)","freemium","VG-0042-480.webp",0,5,0],["beui-vg-1899","beUI","106 animated React components and blocks — docks, bloom menus, OTP inputs, number tickers — installable through the shadcn CLI.",9,308,["react","motion","tailwind","shadcn"],"Saurabh (@starc007)","MIT","VG-1899-480.webp",0,3,0],["awesome-creative-coding-vg-1530","awesome-creative-coding","Curated list of creative coding resources: books, tools, shaders, generative art frameworks and courses.",0,221,["creative-coding","generative","shaders","awesome-list"],"Terkel Gjervig (@terkelg)","open-source","VG-1530-480.webp",0,5,0],["friday-front-end-vg-1645","Friday Front-end","Weekly frontend link roundup split into CSS, JavaScript and other sections for skimming.",0,57,["newsletter","frontend","css","javascript"],"Kevin Ball (@kbal11)","free","VG-1645-480.webp",0,4,0],["visual-explainer-vg-0054","visual-explainer","Claude Code plugin that converts raw terminal output and logs into styled, readable HTML explanations.",15,232,["claude-code","plugin","html","visualization"],"@nicobailon","open-source","VG-0054-480.webp",0,4,0],["awesome-design-systems-klaufel-vg-1535","awesome-design-systems (klaufel)","Curated bookmarks, articles and tooling about design systems, framed for developers rather than designers.",0,221,["design-systems","tooling","awesome-list","frontend"],"@klaufel","open-source","VG-1535-480.webp",0,4,0],["nanobanana-trending-prompts-vg-0061","nanobanana-trending-prompts","Fourteen-hundred image prompts scraped from X and ranked by engagement, portable across NanoBanana, Midjourney and GPT Image.",15,224,["image-gen","prompts","trending","x"],"@jau123","open-source","VG-0061-480.webp",0,3,0],["figma-community-resources-vg-1055","figma/community-resources","Figma's maintained index of open-source plugins, widgets, agent skills for the Figma MCP server, and dev resources.",4,306,["figma","widgets","mcp","directory"],"Figma","open-source","VG-1055-480.webp",0,4,0],["figma-plugins-on-github-vg-1012","figma-plugins-on-github","Curated index of open-source Figma plugins with both repo and Community links, grouped by what the plugin does.",4,309,["figma-plugin","directory","open-source","index"],"Tom Lowry (@tomlowry)","open-source","VG-1012-480.webp",0,6,0],["react-flip-toolkit-vg-1457","react-flip-toolkit","Configurable FLIP animation library for React with spring physics, nested and staggered transitions, and scale-corrected children.",2,310,["react","flip","layout-animation","spring"],"Alex Holachek (@aholachek)","MIT","VG-1457-480.webp",0,3,0],["rybbit-vg-0273","Rybbit","Cookieless privacy-focused web and product analytics with sessions, funnels, retention and session replay.",8,17,["analytics","privacy","self-hosted","dashboard"],"Rybbit (@rybbit-io)","GPL","VG-0273-480.webp",0,3,0],["motion-ui-design-vg-1449","motion-ui-design","Long-running index of motion UI resources — prototyping software, JS and CSS libraries, inspiration galleries, performance tooling.",2,283,["curated-list","motion","tools","inspiration"],"fliptheweb","open-source","VG-1449-480.webp",0,4,0],["css-art-gallery-vg-0123","css-art-gallery","Gallery of CSS-only artworks with source for each piece, browsable as a single site.",11,311,["css-art","gallery","inspiration","snippets"],"Salil Naik (@salil-naik)","MIT","VG-0123-480.webp",0,3,0],["swiftui-native-vg-1378","swiftui-native","React Native component library that reproduces SwiftUI's control vocabulary and visual language, built with Expo and TypeScript.",14,160,["react-native","swiftui","expo","ios"],"rit3zh","MIT","VG-1378-480.webp",0,4,0],["rx-vg-1163","rx","Minimalist modal pixel editor with vi-style keybindings, animation support and a built-in scripting-friendly design.",10,43,["pixel-art","sprite-editor","modal-editing","vim"],"Alexis Sellier (@cloudhead)","GPL","VG-1163-480.webp",0,5,0],["dimmmensions-vg-1352","dimmmensions","Dataset of screen, safe-area and layout dimensions for every iOS and iPadOS device.",14,246,["ios","dimensions","safe-area","reference"],"Marc Bouchenoire (@marcbouchenoire)","MIT","VG-1352-480.webp",0,2,0],["glyphcss-vg-0320","glyphcss","Converts OBJ, glTF, GLB, STL and VOX models into ASCII art rendered as text inside one pre element, with React and Vue wrappers.",7,83,["ascii","3d","dom","react"],"apresmoi","MIT","VG-0320-480.webp",0,4,0],["design-token-bridge-mcp-vg-0045","design-token-bridge-mcp","MCP server that translates design tokens between Tailwind, Figma, CSS variables, Material 3 and SwiftUI.",15,230,["mcp","design-tokens","tailwind","figma"],"@kenneives","open-source","VG-0045-480.webp",0,4,0],["eventdrops-vg-0438","EventDrops","Time-based event series visualisation showing dense dot timelines per row, with zoom and brushing.",6,207,["timeline","events","d3","brushing"],"Marmelab (@marmelab)","MIT","VG-0438-480.webp",0,4,0],["codeflower-vg-0461","CodeFlower","Renders a codebase as a force-directed flower where each file is a leaf sized by lines of code.",6,156,["codebase","force-layout","d3","organic"],"Francois Zaninotto (@francoisz)","MIT","VG-0461-480.webp",0,3,0],["scrollama-vg-1505","Scrollama","IntersectionObserver-based scrollytelling library that fires step callbacks and progress values without listening to scroll events.",2,90,["scrollytelling","intersection-observer","dataviz"],"Russell Samora (@russellsamora)","MIT","VG-1505-480.webp",0,4,0],["tailwindcss-fluid-type-vg-1988","tailwindcss-fluid-type","Tailwind plugin generating fluid, viewport-scaled type scales using clamp with configurable ratios.",9,219,["tailwind","typography","fluid","clamp"],"David Hellmann (@davidhellmann)","MIT","VG-1988-480.webp",0,5,0],["isometric-css-vg-0172","isometric-css","Builds isometric projections from declarative HTML data attributes, turning flat elements into 3D-looking scenes.",11,312,["css","isometric","3d","transforms"],"(@elchininet)","MIT","VG-0172-480.webp",0,6,0],["awesome-newsletters-vg-1541","awesome-newsletters","Curated list of newsletters across design, CSS, frontend, UX and engineering with direct signup links.",0,221,["newsletters","design","frontend","awesome-list"],"@zudochkin","open-source","VG-1541-480.webp",0,5,0],["bondage-js-vg-1118","bondage.js","JavaScript parser and runtime for the Yarn dialogue tree markup language, usable in any web game.",10,166,["yarn","dialogue","parser","javascript"],"(@hylyh)","MIT","VG-1118-480.webp",0,4,0],["webgl-mouseover-effects-vg-1785","webgl-mouseover-effects","Demo repository implementing interactive WebGL hover distortions on images driven by mouse velocity and displacement maps.",12,129,["webgl","hover","shaders","images"],"Yuri Artiukh (@akella)","MIT","VG-1785-480.webp",0,3,0],["html-crush-vg-1839","HTML Crush","HTML minifier tuned specifically for email markup, preserving conditional comments and client hacks.",9,60,["email","minify","html","tooling"],"Roy Revelt (@codsen)","open-source","VG-1839-480.webp",0,9,0],["screeener-vg-0762","Screeener","Open-source utility that batch-generates App Store and Play Store screenshot sets from source images and templates.",3,100,["screenshots","app-store","batch","open-source"],"Zeh Fernandes (@zehfernandes)","MIT","VG-0762-480.webp",0,0,0],["gradii-vg-0148","gradii","Open-source generator for high-resolution gradient wallpapers and hero images with noise, grain and mesh controls.",11,86,["gradient","wallpaper","generator","noise"],"Keshav (@keshav-exe)","open-source","VG-0148-480.webp",0,3,0],["three-multiplayer-vg-1145","THREE.Multiplayer","Minimal boilerplate server and client for three.js multiplayer using Socket.io, with position interpolation.",10,167,["threejs","multiplayer","socketio","boilerplate"],"Or Fleisher (@juniorxsound)","MIT","VG-1145-480.webp",0,5,0],["ft-visual-vocabulary-vg-0387","FT Visual Vocabulary","Financial Times poster and source files classifying chart types by the relationship they express, plus Chart Doctor examples.",6,146,["chart-choice","taxonomy","editorial","poster"],"Financial Times (@FT)","MIT","VG-0387-480.webp",0,5,0],["awesome-shadcn-ui-vg-1543","awesome-shadcn-ui","Curated GitHub list of shadcn/ui extensions, blocks, templates, registries and tooling built by the community.",0,221,["shadcn","react","components","awesome-list"],"@birobirobiro","MIT","VG-1543-480.webp",0,4,0],["retypeset-vg-0226","Retypeset","Astro blog theme built around typography: multilingual support, serif type scale and print-inspired layout.",8,191,["astro","typography","blog","i18n"],"radishzzz (@radishzzz)","MIT","VG-0226-480.webp",0,3,0],["broz-vg-0882","broz","Minimal chromeless browser window built for recording clean screenshots and screencasts of web pages without any UI furniture.",13,313,["screenshots","browser","screencast","design"],"Anthony Fu (@antfu)","MIT","VG-0882-480.webp",0,5,0],["agentic-system-prompts-vg-0100","agentic-system-prompts","Curated system prompts and tool definitions harvested specifically from production AI coding agents.",15,287,["system-prompts","coding-agents","reference"],"Talles Borges (@tallesborges)","open-source","VG-0100-480.webp",0,5,0],["builderio-figma-html-vg-1016","BuilderIO figma-html","Converts any live website into editable Figma layers, and pushes Figma designs back out to HTML.",4,291,["figma-plugin","html-to-figma","import","codegen"],"Builder.io","MIT","VG-1016-480.webp",0,6,0],["leaked-system-prompts-vg-0104","leaked-system-prompts","Archive of extracted system prompts from ChatGPT, Claude, Grok, Gemini, Manus, v0, Lovable and Cursor.",15,287,["system-prompts","leaks","reference"],"@YeeKal","open-source","VG-0104-480.webp",0,5,0],["react-particle-effect-button-vg-0181","react-particle-effect-button","React button that bursts into particles on click, with configurable shapes, direction and easing for the disintegration.",11,48,["react","particles","button","microinteraction"],"Travis Fischer (@transitive_bs)","MIT","VG-0181-480.webp",0,3,0],["json-joy-vg-0921","json-joy","High-performance JSON CRDT, JSON Patch, JSON Pointer and binary codec toolkit for building collaborative document infrastructure.",13,143,["crdt","json","collaboration","performance"],"Vadim Dalecky (@streamich)","Apache-2.0","VG-0921-480.webp",0,3,0],["sonda-vg-0942","Sonda","Bundle analyzer that reads source maps to report true post-treeshaking, post-minification module sizes across Vite, Rollup, esbuild and webpack.",13,314,["bundle-analysis","source-maps","vite","webpack"],"Filip Sobol (@filipsobol)","MIT","VG-0942-480.webp",0,4,0],["claude-code-safety-net-vg-0016","claude-code-safety-net","Hook that intercepts destructive shell commands before an autonomous agent executes them.",15,305,["claude-code","hooks","safety","guardrails"],"@kenryu42","open-source","VG-0016-480.webp",0,4,0],["liquid-orb-editor-vg-2008","Liquid Orb Editor","Real-time WebGPU liquid-glass sphere editor with 11 presets, URL-hash parameter sharing, and export to standalone HTML or SwiftUI/Metal code.",11,190,["webgpu","wgsl","liquid-glass","shader","metal"],"LerSent001","MIT","VG-2008.png",0,8,0],["godogen-vg-0310","Godogen","Agent workflow that drives Claude Code or Codex to build Godot, Bevy and Babylon.js games, running the engine and iterating on screenshots.",7,315,["claude-code","gamedev","agents","godot"],"Alex Erm (@alex_erm)","MIT","VG-0310-480.webp",0,4,0],["css-houdini-blobs-vg-0127","css-houdini-blobs","CSS Paint Worklet that renders randomised organic blob shapes as element backgrounds with seed and complexity properties.",11,316,["houdini","paint-worklet","css","blobs"],"Bramus Van Damme (@bramus)","MIT","VG-0127-480.webp",0,7,0],["calligraph-vg-1512","Calligraph","Fluid text transition component powered by Motion, animating between arbitrary strings with per-character flow.",2,98,["text","motion","typography","react"],"Raphael Salaja (@raphaelsalaja)","open-source","VG-1512-480.webp",0,4,0],["tldraw-sdk-vg-1005","tldraw SDK","React infinite-canvas SDK with multiplayer sync, custom shapes, persistence and full programmatic control over canvas contents.",4,81,["canvas","react","sdk","whiteboard"],"tldraw","open-source","VG-1005-480.webp",0,7,0],["react-native-hold-menu-vg-1389","react-native-hold-menu","Long-press context menu with blur backdrop and spring transitions, built with Reanimated.",14,238,["react-native","context-menu","reanimated","blur"],"Enes Öztürk (@enesozturk)","MIT","VG-1389-480.webp",0,7,0],["scientific-visualisation-python-matplotlib-vg-0388","Scientific Visualisation: Python & Matplotlib","Open-access book on the theory and craft of scientific figures, with full source for every figure.",6,146,["matplotlib","book","typography","figures"],"Nicolas Rougier (@NPRougier)","open-source","VG-0388-480.webp",0,5,0],["animated-theme-switcher-vg-1336","animated_theme_switcher","Flutter package that animates the transition between light and dark themes as a circular reveal.",14,208,["flutter","theming","dark-mode","animation"],"kherel","MIT","VG-1336-480.webp",0,2,0],["spotted-in-prod-vg-1627","Spotted in Prod","Feed of interface details and micro-interactions spotted in shipped production apps.",0,68,["mobile","details","micro-interactions","feed"],"","free","VG-1627-480.webp",0,3,0],["loconative-scroll-vg-1498","Loconative Scroll","Locomotive Scroll's API reimplemented on native scrolling plus Lenis, keeping the data-attribute syntax without the fake scroll container.",2,12,["scroll","locomotive","lenis","migration"],"Quentin Hocdé (@quentinhocde)","MIT","VG-1498-480.webp",0,3,0],["public-apis-vg-1552","public-apis","Collective list of free public APIs organised by category, with auth, HTTPS and CORS noted for each.",0,221,["apis","data","prototyping","awesome-list"],"public-apis org","MIT","VG-1552-480.webp",0,4,0],["front-end-developer-interview-questions-vg-1270","Front-end Developer Interview Questions","Categorised bank of front-end interview questions covering HTML, CSS, JavaScript, accessibility, testing, performance and networking, in many translations.",1,317,["interviews","html","css","javascript","accessibility"],"h5bp / Rob Larsen (@roblarsen)","MIT","VG-1270-480.webp",0,3,0],["animista-vg-1441","Animista","Interactive playground for tweaking pre-made CSS animations and copying only the keyframes you configured.",2,2,["css","generator","keyframes","playground"],"Ana Travas (@ana108) & Sergej (@sergej108)","free","VG-1441-480.webp",0,5,0],["awesome-falsehood-vg-1537","awesome-falsehood","Curated list of articles about incorrect assumptions programmers make regarding names, time, addresses and identity.",0,221,["engineering","edge-cases","forms","awesome-list"],"Kevin Deldycke (@kdeldycke)","open-source","VG-1537-480.webp",0,7,0],["freya-vg-1317","Freya","Cross-platform native GUI library for Rust rendered with Skia, using a Dioxus-style declarative API.",14,318,["rust","gui","skia","desktop"],"Marc Espín (@marc2332)","MIT","VG-1317-480.webp",0,5,0],["unkey-vg-0278","Unkey","API key management and rate limiting service with per-key permissions, usage analytics and edge verification.",8,17,["api-keys","rate-limiting","nextjs","edge"],"Unkey (@unkeyed)","GPL","VG-0278-480.webp",0,4,0],["awesome-claude-plugins-vg-0032","awesome-claude-plugins","Community-maintained list of plugins extending Claude Code with commands, agents, hooks and MCP servers.",15,319,["claude-code","plugins","awesome-list"],"Composio Community","open-source","VG-0032-480.webp",0,7,0],["gltfjsx-vg-1744","gltfjsx","CLI that converts a GLTF file into a declarative, tree-shakeable JSX component with named nodes and instancing support.",12,320,["r3f","gltf","codegen","three.js"],"Poimandres / Paul Henschel (@0xca0a)","MIT","VG-1744-480.webp",0,4,0],["floem-ui-kit-vg-1316","floem-ui-kit","Ready-made widget set for the Floem Rust GUI library, targeting Windows, macOS and Linux.",14,318,["rust","floem","gui","widgets"],"pieterdd","MIT","VG-1316-480.webp",0,6,0],["manifest-ui-vg-1814","Manifest UI","Component library specifically for building ChatGPT Apps, shipped from the Manifest backend project.",9,321,["chatgpt-apps","react","ai","components"],"Manifest (@mnfst)","open-source","VG-1814-480.webp",0,4,0],["react-native-ui-blueprint-vg-1402","react-native-ui-blueprint","Overlay tool that superimposes design files and grids on a running React Native app for pixel comparison.",14,322,["react-native","design-qa","overlay","tooling"],"Alex Rodin (@nidorx)","MIT","VG-1402-480.webp",0,3,0],["revideo-vg-0382","Revideo","TypeScript framework for describing video scenes in code with shapes, text, media and animation, rendering deterministically to video files.",7,323,["video","typescript","animation","rendering"],"Midrender","MIT","VG-0382-480.webp",0,8,0],["awesome-design-tokens-vg-1536","Awesome-Design-Tokens","Curated list of design token specs, tooling, transformers and writing, maintained over several years.",0,221,["design-tokens","design-systems","tooling","awesome-list"],"Stuart Robson (@sturobson)","open-source","VG-1536-480.webp",0,6,0],["d3-jetpack-vg-0430","d3-jetpack","Convenience wrappers over D3 selections adding appendMany, translate, at/st shorthands and tspan wrapping.",6,207,["d3","shorthand","productivity","selection"],"Gregor Aisch (@driven_by_data)","open-source","VG-0430-480.webp",0,3,0],["react-kino-vg-0184","react-kino","Scroll-driven cinematic storytelling primitives for React under one kilobyte gzipped, built on native scroll timelines.",11,302,["react","scroll","storytelling","css"],"Bilal Tahir (@btahir)","MIT","VG-0184-480.webp",0,2,0],["pharos-vg-0601","Pharos","JSTOR's design system with web components, editorial typography rules and academic-content layout patterns.",5,65,["web-components","editorial","typography","accessibility"],"JSTOR (ITHAKA)","open-source","VG-0601-480.webp",0,3,0],["framework-tracker-vg-0940","framework-tracker","Continuously benchmarks popular web frameworks on bundle size and runtime metrics and publishes the comparison as an open dataset.",13,314,["benchmarks","frameworks","performance","data"],"e18e community","MIT","VG-0940-480.webp",0,5,0],["glitchgl-vg-0141","glitchGL","Universal WebGL glitch effect layer that applies RGB split, slice and noise passes over existing page elements.",11,296,["webgl","glitch","shader","effects"],"NaughtyDuk (@naughtyduk)","open-source","VG-0141-480.webp",0,4,0],["tauri-nspanel-vg-1423","tauri-nspanel","Tauri plugin converting a window into a macOS NSPanel, enabling Spotlight-style floating overlays.",14,275,["tauri","macos","nspanel","overlay"],"Victor Aremu (@ahkohd)","MIT","VG-1423-480.webp",0,11,0],["chartgpu-vg-0392","ChartGPU","WebGPU-rendered charting library aimed at datasets large enough to stall canvas and SVG renderers.",6,67,["webgpu","performance","charts","gpu"],"ChartGPU (@ChartGPU)","open-source","VG-0392-480.webp",0,4,0],["linear-design-is-more-than-code-vg-1223","Linear — Design is more than code","Essay by Linear's co-founder on why design quality is a company-wide judgement problem, not an implementation detail.",1,29,["design-leadership","craft","essay","product"],"Karri Saarinen (@karrisaarinen)","free","VG-1223-480.webp",0,5,0],["figmatounity-vg-1052","FigmaToUnity","Imports Figma pages into Unity's UI Toolkit as UXML and USS, keeping hierarchy and styles.",4,276,["figma-api","unity","game-ui","uxml"],"TrackMan","open-source","VG-1052-480.webp",0,2,0],["mantine-border-animate-vg-0114","mantine-border-animate","Mantine component providing beam, glow, gradient and pulse animated borders with full colour and timing control.",11,324,["mantine","border","glow","react"],"Giovambattista Fazioli (@gfazioli)","MIT","VG-0114-480.webp",0,4,0],["tuna-vg-1110","Tuna","Audio effects library for the Web Audio API providing chorus, delay, phaser, overdrive, compressor, tremolo and convolver nodes.",10,91,["web-audio","effects","dsp","audio-nodes"],"Oskar Eriksson (@Theodeus)","MIT","VG-1110-480.webp",0,3,0],["lumen-blocks-vg-1318","lumen-blocks","Styled, ARIA-accessible component library for the Dioxus Rust UI framework, modelled on shadcn/ui structure and naming.",14,318,["rust","dioxus","shadcn","components"],"Leaf Computer","MIT","VG-1318-480.webp",0,5,0],["21st-dev-agent-elements-vg-1797","21st.dev Agent Elements","Open registry of agent UI primitives: chat shell, tool-call cards for bash/edit/search/todo, clarifying questions and streaming markdown.",9,325,["agent-ui","react","chat","tool-calls"],"21st.dev (@21stdev)","open-source","VG-1797-480.webp",0,7,0],["awesome-css-art-vg-0122","awesome-css-art","Curated list of CSS art projects, tutorials, artists and challenges built entirely without images.",11,311,["css-art","awesome-list","inspiration","no-images"],"Manz (@ManzDev)","open-source","VG-0122-480.webp",0,7,0],["emil-kowalski-skills-vg-1427","Emil Kowalski Skills","Set of agent skills encoding animation rules — building, reviewing, auditing and vocabulary — derived from a design engineer's published practice.",2,175,["skills","agent","animation","review"],"Emil Kowalski (@emilkowalski)","MIT","VG-1427-480.webp",0,4,0],["figwright-vg-1053","figwright","Two-way Figma MCP server letting an AI coding agent read a design file and push changes back into Figma.",4,276,["figma-mcp","ai-agents","design-to-code","bidirectional"],"awdr74100","open-source","VG-1053-480.webp",0,8,0],["batch-rename-vg-0901","Batch Rename","VS Code extension that opens selected filenames as editable text so you rename many files with multi-cursor and find-replace.",13,326,["vscode","files","rename","multi-cursor","productivity"],"JannisX11 (@JannisX11)","MIT","VG-0901-480.webp",0,3,0],["devl-dev-vg-1572","devl.dev","Registry of 159+ components built on coss-ui and installable through the shadcn registry CLI.",0,327,["shadcn","registry","components","react"],"Sean Brydon (@seanbrydon13)","open-source","VG-1572-480.webp",0,5,0],["react-native-tickle-vg-1349","react-native-tickle","AHAP-style transient and continuous haptic patterns for React Native, not just the three preset impacts.",14,174,["react-native","haptics","ahap","ios"],"Renegades Studio","MIT","VG-1349-480.webp",0,3,0],["react-force-graph-vg-0488","react-force-graph","React bindings for 2D, 3D, VR and AR force-directed graphs sharing one declarative prop API.",6,177,["react","force-graph","vr","webgl"],"Vasco Asturiano (@vasturiano)","MIT","VG-0488-480.webp",0,7,0],["graphology-vg-0484","Graphology","Framework-agnostic graph data structure for JavaScript with a large standard library of layouts, metrics and community detection.",6,177,["graph","algorithms","data-structure","layout"],"Guillaume Plique (@Yomguithereal)","MIT","VG-0484-480.webp",0,4,0],["greatfrontend-vg-1272","GreatFrontEnd","Front-end interview platform with 3,000+ questions across JavaScript, React, UI coding and system design, plus in-browser testing.",1,317,["interviews","javascript","react","system-design","practice"],"Yangshun Tay (@yangshunz)","freemium","VG-1272-480.webp",0,4,0],["fontdrop-vg-0822","FontDrop","Browser font inspector that reads glyph coverage, metrics and OpenType data from a dropped file with no upload.",3,24,["fonts","inspection","glyphs","metrics"],"Viktor Nübel & Ulrike Rausch","free","VG-0822-480.webp",0,2,0],["better-upload-vg-1854","Better Upload","React file upload library that posts directly to any S3-compatible bucket, shipping prebuilt shadcn dropzone and progress components.",9,328,["react","s3","upload","shadcn"],"Nicolas (@Nic13Gamer)","MIT","VG-1854-480.webp",0,7,0],["vapeplot-vg-0417","vapeplot","Matplotlib extension supplying vaporwave palettes and colormaps for deliberately non-corporate chart aesthetics.",6,201,["matplotlib","palette","aesthetic","retro"],"Danny Antaki (@dantaki)","MIT","VG-0417-480.webp",0,5,0],["as-dithered-image-vg-0132","as-dithered-image","HTML custom element that dithers images at device pixel resolution so results stay crisp on any display and zoom level.",11,269,["dithering","web-component","image","retro"],"Andrew Stephens (@andrewstephens75)","MIT","VG-0132-480.webp",0,5,0],["lospec-palette-list-vg-1158","Lospec Palette List","Database of over 2500 pixel art palettes downloadable as PNG, PAL, ASE, GPL and HEX, filterable by colour count and tag.",10,43,["palette","pixel-art","color","assets"],"Lospec community","free","VG-1158-480.webp",0,3,0],["figma-latex-complete-vg-1041","Figma LaTeX Complete","Renders LaTeX math expressions into vector layers inside Figma, for papers, docs and technical product UI.",4,329,["figma-plugin","latex","math","vector"],"Max Krieger (@maxkriegers)","open-source","VG-1041-480.webp",0,3,0],["matinee-vg-2009","Matinee","Programmable ghost cursor for React that moves, clicks, types and scrolls against your live app, then exports itself as an animated SVG.",13,330,["react","product-demos","animated-svg","docs","marketing"],"Ben Howdle (@benhowdle89)","MIT","VG-2009.png",0,3,0],["traycer-vg-0006","Traycer","Planning layer that lets several coding agents share specs, tasks and decision history inside one workspace before they write code.",15,331,["agents","planning","claude-code","codex","vscode"],"Traycer","freemium","VG-0006-480.webp",0,3,0],["shadcn-vue-mcp-vg-0108","shadcn-vue-mcp","MCP server bringing shadcn-vue and Tailwind component generation to Vue developers via an agent.",15,197,["mcp","vue","shadcn","tailwind"],"@HelloGGX","open-source","VG-0108-480.webp",0,5,0],["direction-reveal-vg-0152","direction-reveal","Detects which edge the cursor entered or left an element from and reveals overlay content from that direction.",11,332,["hover","reveal","css","vanilla-js"],"Nigel O'Toole (@NigelOToole)","MIT","VG-0152-480.webp",0,4,0],["expo-skills-vg-0087","Expo skills","Official Expo skill pack teaching agents how to scaffold, build and debug Expo and React Native applications correctly.",15,157,["claude-skills","expo","react-native","mobile"],"Expo","open-source","VG-0087-480.webp",0,4,0],["reui-vg-1970","ReUI","Open registry of React, Next.js and Tailwind components plus functional app examples and animated effects.",9,26,["react","nextjs","tailwind","registry"],"Keen Themes","MIT","VG-1970-480.webp",0,4,0],["glsl-noise-gist-vg-1728","glsl-noise gist","Single-file collection of classic, simplex and Worley noise implementations in GLSL ready to paste into any shader.",12,53,["glsl","noise","shaders","snippets"],"Patricio Gonzalez Vivo (@patriciogv)","open-source","VG-1728-480.webp",0,3,0],["fluidkit-vg-0144","fluidkit","React library for liquid glass and metaball UI animations, including morphing nav indicators and blob transitions.",11,333,["react","metaball","liquid-glass","animation"],"Vendo (@runvendo)","open-source","VG-0144-480.webp",0,3,0],["quantum-country-vg-1227","Quantum Country","Experimental mnemonic textbook on quantum computing with spaced-repetition prompts embedded directly into the prose.",1,29,["learning","spaced-repetition","interface","experiment"],"Andy Matuschak & Michael Nielsen","free","VG-1227-480.webp",0,3,0],["magic-animations-vg-1445","Magic Animations","CSS animation set focused on special effects — magic, bling, perspective, foolish and rotational entrances beyond the Animate.css vocabulary.",2,2,["css","keyframes","effects","entrances"],"miniMAC (@miniMAC)","MIT","VG-1445-480.webp",0,6,0],["animockup-vg-0754","Animockup","Open-source tool for creating animated product mockups and device-framed videos entirely in the browser.",3,100,["mockups","animation","video","open-source"],"Alyssa X (@alyssaxuu)","MIT","VG-0754-480.webp",0,3,0],["astro-big-doc-vg-0246","Astro Big Doc","Astro documentation starter tuned for very large content sets with sidebar generation and Mermaid diagram support.",8,134,["astro","docs","mermaid","large-sites"],"MicroWebStacks (@MicroWebStacks)","MIT","VG-0246-480.webp",0,3,0],["rectangle-vg-0933","Rectangle","macOS window manager providing keyboard shortcuts and edge-snap areas for halves, quarters, thirds and maximise positions.",13,293,["macos","windows","keyboard","productivity","swift"],"Ryan Hanson (@rxhanson)","open-source","VG-0933-480.webp",0,5,0],["resvg-js-vg-0905","resvg-js","Node and WebAssembly bindings for the Rust resvg renderer, rasterising SVG to PNG with custom font loading and cropping.",13,334,["svg","rendering","rust","og-image"],"yisibl (@yisibl)","open-source","VG-0905-480.webp",0,8,0],["animatesvgtextpath-vg-0192","AnimateSVGTextPath","Codrops demo animating SVG text along a curved path as it scrolls into view via IntersectionObserver.",11,231,["svg","text","scroll","path"],"Codrops / Manoela Ilic (@crnacura)","MIT","VG-0192-480.webp",0,4,0],["nord-vg-0596","Nord","Nordhealth's healthcare design system built on framework-agnostic web components with strong accessibility and clinical density guidance.",5,65,["web-components","healthcare","accessibility","tokens"],"Nordhealth","open-source","VG-0596-480.webp",0,2,0],["knip-vg-0869","Knip","Finds unused files, exports, dependencies and types across a TypeScript monorepo by resolving entry points from your real config files.",13,335,["typescript","dead-code","monorepo","cleanup"],"Lars Kappert (@webpro)","open-source","VG-0869-480.webp",0,3,0],["emailcomb-vg-1835","EmailComb","Strips unused CSS out of HTML emails to stay under Gmail's clipping threshold.",9,60,["email","css","optimisation","gmail"],"Roy Revelt (@codsen)","open-source","VG-1835-480.webp",0,5,0],["dioxus-components-vg-1315","dioxus-components","Accessible unstyled foundational component primitives for Dioxus, the Rust cross-platform UI framework.",14,318,["rust","dioxus","primitives","accessibility"],"Dioxus Labs (@dioxuslabs)","MIT","VG-1315-480.webp",0,4,0],["react-phone-number-input-vg-1876","react-phone-number-input","International phone input with country selector, live formatting and validation backed by libphonenumber, plus flag assets included.",9,214,["phone","input","i18n","validation"],"catamphetamine","MIT","VG-1876-480.webp",0,9,0],["ts-pattern-vg-0958","ts-pattern","Exhaustive pattern matching for TypeScript with type narrowing, so unhandled union branches become compile errors instead of runtime bugs.",13,273,["typescript","pattern-matching","type-safe","functional"],"Gabriel Vergnaud (@gvergnaud)","MIT","VG-0958-480.webp",0,5,0],["you-need-to-know-css-vg-0174","You-need-to-know-css","Reference of CSS techniques and edge-case tricks with live demos, covering effects, transitions and layout behaviour.",11,312,["css","reference","tricks","demos"],"(@l-hammer)","MIT","VG-0174-480.webp",0,4,0],["animate-ui-vg-1947","Animate UI","Distribution of fully animated React components built on Motion, shipped as copy-paste source through the shadcn CLI.",9,26,["react","motion","shadcn","animation"],"Elliot Sutton (@imskyleen)","MIT","VG-1947-480.webp",0,7,0],["holosticker-vg-0774","Holosticker","Browser studio that turns artwork into holographic foil stickers with interactive tilt-reactive shine.",3,336,["holographic","stickers","css","interactive"],"jal-co","open-source","VG-0774-480.webp",0,2,0],["cl4r1t4s-vg-0103","CL4R1T4S","Large transparency archive of system prompts across ChatGPT, Claude, Gemini, Grok, Perplexity, Cursor, Lovable and Replit.",15,287,["system-prompts","leaks","transparency"],"Pliny (@elder-plinius)","open-source","VG-0103-480.webp",0,3,0],["fontsy-vg-1120","Fontsy","Browser tool for creating and editing custom bitmap fonts for Bitsy games, exporting the font data directly.",10,166,["bitmap-font","bitsy","typography","tool"],"Sean S. LeBlanc (@sean_leblanc)","MIT","VG-1120-480.webp",0,4,0],["awesome-figma-vg-1538","awesome-figma","Curated list of Figma plugins, REST API tooling and code-generation projects with a developer focus.",0,221,["figma","plugins","api","awesome-list"],"react-figma","open-source","VG-1538-480.webp",0,3,0],["css3playground-com-vg-0170","css3playground.com","Long-running collection of CSS experiments and toys covering transforms, filters, gradients and animation edge cases.",11,312,["css","experiments","playground","demos"],"Chris Ruppel (@rupl)","open-source","VG-0170-480.webp",0,4,0],["d3-area-label-vg-0419","d3-area-label","Places labels inside stacked area bands at the largest fitting position, sized and rotated automatically.",6,207,["labels","stream-graph","area","d3"],"Curran Kelleher (@currankelleher)","MIT","VG-0419-480.webp",0,3,0],["zyeon-ui-vg-1800","Zyeon UI","353 React and Tailwind components where each one ships its live preview, full source, the prompt that generated it, and a concept map.",9,337,["react","tailwind","ai","prompts"],"Zyeon AI","open-source","VG-1800-480.webp",0,7,0],["d3-flame-graph-vg-0424","d3-flame-graph","Flame graph component for profiling and any hierarchical data, with search, zoom and differential comparison modes.",6,207,["flame-graph","profiling","hierarchy","d3"],"Martin Spier (@spiermar)","Apache-2.0","VG-0424-480.webp",0,5,0],["shadcn-play-vg-1818","shadcn-play","Browser playground for shadcn/ui components with a live editor for previewing and tweaking variants.",9,338,["react","playground","shadcn","editor"],"Ephraim Duncan (@ephraimduncan)","MIT","VG-1818-480.webp",0,4,0],["neverthrow-vg-0956","neverthrow","Result and ResultAsync types for TypeScript that force explicit error handling at call sites instead of thrown exceptions.",13,273,["typescript","error-handling","result","type-safe"],"Giorgio Delgado (@supermacro)","MIT","VG-0956-480.webp",0,5,0],["d3-upset-vg-0435","d3-upset","UpSet plot implementation for visualising intersections across many sets where Venn diagrams break down.",6,207,["upset","sets","intersection","d3"],"Chuntul (@chuntul)","MIT","VG-0435-480.webp",0,3,0],["distortedlinkeffects-vg-0153","DistortedLinkEffects","Decorative link hover distortions built with SVG turbulence and displacement filters rather than canvas or WebGL.",11,332,["svg-filter","hover","links","effects"],"Codrops / Manoela Ilic (@crnacura)","MIT","VG-0153-480.webp",0,4,0],["freebiesui-vg-1044","FreebiesUI","Directory of free, hand-picked UI kits, wireframe kits, web templates and mockups in Figma, Sketch and XD formats.",4,339,["figma","ui-kits","wireframes","freebies"],"FreebiesUI","free","VG-1044-480.webp",0,5,0],["osnap-vg-0983","OSnap","Fast standalone visual snapshot runner written in OCaml that drives headless Chrome from a simple YAML test definition.",13,282,["visual-regression","yaml","headless-chrome","cli"],"Ewert Online (@eWert-Online)","MIT","VG-0983-480.webp",0,5,0],["meshgrad-vg-0149","meshgrad","Generates CSS mesh gradients as layered radial-gradient stacks, with a React helper for randomised output.",11,86,["css","mesh-gradient","react","background"],"Cristi Cretu (@cristicretu)","MIT","VG-0149-480.webp",0,3,0],["figma-measure-vg-1037","Figma Measure","Adds dimension arrows, spacing and size annotations to a selection for redlined specs and developer handoff.",4,340,["figma-plugin","measurement","redline","handoff"],"Phil (@ph1p)","open-source","VG-1037-480.webp",0,7,0],["daymade-claude-code-skills-vg-0086","daymade/claude-code-skills","Production-oriented Claude Code skill marketplace repo with installable skills for day-to-day development workflows.",15,157,["claude-skills","marketplace","claude-code"],"@daymade","open-source","VG-0086-480.webp",0,6,0],["vgpu-vg-2110","vgpu","TypeScript WebGPU library with importable WGSL modules that renders the same shader to a browser canvas, headless Node.js, images, video, and CI snapshot tests.",12,341,["webgpu","wgsl","shaders","typescript","mcp","agents"],"Vercel Labs","MIT","VG-2110-480.webp",20692,13,0],["mixkit-sound-effects-vg-1060","Mixkit Sound Effects","Free royalty-free UI, transition, nature and game sound effects in WAV and MP3, no attribution required.",4,115,["sfx","ui-sounds","royalty-free","wav"],"Envato","free","VG-1060-480.webp",0,4,0],["noa-vg-1195","noa","Experimental voxel engine for the browser handling chunked terrain, meshing and voxel physics on top of Babylon.js.",10,27,["voxel","minecraft","babylonjs","3d"],"Andy Hall (@fenomas)","MIT","VG-1195-480.webp",0,2,0],["evex-vg-1796","evex","Open registry for Eve agents where community agents install with one shadcn command and are published by pull request.",9,342,["agents","registry","cli","open-source"],"Tommy Bez (@TommyBez)","open-source","VG-1796-480.webp",0,5,0],["awesome-command-palette-vg-1815","awesome-command-palette","Curated list of command palette implementations, libraries and design references across the web and native apps.",9,343,["command-palette","awesome-list","ux","reference"],"Stefan Judis (@stefanjudis)","MIT","VG-1815-480.webp",0,2,0],["awesome-design-vg-1532","awesome-design","Curated global design resource list spanning tools, articles, inspiration and learning material.",0,221,["design","resources","awesome-list","curation"],"@gztchan","open-source","VG-1532-480.webp",0,4,0],["safe-blind-zones-live-tester-vg-1320","safe-blind-zones-live-tester","Web app visualising safe and blind zones for mobile interfaces across device shapes.",14,69,["mobile","safe-area","testing","layout"],"Zhovten Games","MIT","VG-1320-480.webp",0,4,0],["picogl-js-vg-1789","picogl.js","Thin WebGL 2 wrapper managing GPU state objects such as programs, vertex arrays and framebuffers without imposing a scene graph.",12,344,["webgl2","minimal","gpu","rendering"],"Tarek Sherif (@tsherif)","MIT","VG-1789-480.webp",0,6,0],["naming-vg-0064","naming","Metaphor-driven product naming skill that runs structured divergence and convergence rather than dumping a word list.",15,345,["claude-skills","naming","branding","copy"],"GlacierPhonk (@glacierphonk)","open-source","VG-0064-480.webp",0,5,0],["figmagic-vg-0625","Figmagic","CLI that pulls tokens, graphics and React components out of a Figma file into a versioned codebase automatically.",5,19,["figma","design-tokens","codegen","cli"],"Mikael Vesavuori (@mikaelvesavuori)","MIT","VG-0625-480.webp",0,3,0],["d3-sketchy-vg-0494","d3.sketchy","D3 plugin that generates sketchy backgrounds, hatched shapes and wobbly lines to give any D3 chart a drawn texture.",6,222,["d3","sketchy","texture","hand-drawn"],"Sebastian Meier (@seb_meier)","MIT","VG-0494-480.webp",0,4,0],["svg-color-filter-vg-0190","svg-color-filter","Interactive explainer and playground for SVG feColorMatrix, showing how each matrix cell changes an image.",11,346,["svg-filter","color","fecolormatrix","tool"],"Claudio Holanda (@kazzkiq)","MIT","VG-0190-480.webp",0,4,0],["p5-grain-vg-1740","p5.grain","p5.js addon for film grain, seamless texture overlays and fast per-pixel manipulation to age and texture sketches.",12,112,["p5js","grain","texture","generative-art"],"meezwhite (@meezwhite)","MIT","VG-1740-480.webp",0,3,0],["mesurer-vg-0752","Mesurer","Browser tool for measuring and inspecting interface spacing, sizes and rhythm directly on live pages.",3,347,["measurement","spacing","inspection","devtool"],"Julien Thibeaut (@ibelick)","free","VG-0752-480.webp",0,0,0],["jspreadsheet-ce-vg-0515","Jspreadsheet CE","Lightweight JavaScript spreadsheet component with formulas, cell types, formatting and Excel-style keyboard behaviour.",6,182,["spreadsheet","formulas","grid","excel"],"Jspreadsheet (@jspreadsheet)","MIT","VG-0515-480.webp",0,4,0],["visavail-vg-0474","visavail","Time-data availability chart showing when each series has data and where the gaps are.",6,156,["time-series","availability","gaps","d3"],"Florian Roscheck (@flrs)","MIT","VG-0474-480.webp",0,3,0],["from-data-to-viz-vg-0386","From Data to Viz","Interactive decision tree mapping data shapes to appropriate chart types, with caveats and code in R, Python, D3 and React.",6,146,["chart-choice","decision-tree","caveats","education"],"Yan Holtz (@R_Graph_Gallery) & Conor Healy","free","VG-0386-480.webp",0,3,0],["trail-of-bits-skills-vg-0093","Trail of Bits skills","Security-engineering skills that drive CodeQL and Semgrep static analysis from an agent, written by a real appsec firm.",15,157,["claude-skills","security","codeql","semgrep"],"Trail of Bits","open-source","VG-0093-480.webp",0,3,0],["unocss-preset-safe-area-vg-1358","unocss-preset-safe-area","UnoCSS preset providing safe-area inset utilities for mobile web and PWA layouts.",14,246,["unocss","safe-area","pwa","mobile-web"],"YeungKC","MIT","VG-1358-480.webp",0,5,0],["mos-vg-0932","Mos","macOS menu-bar utility that smooths mouse scrolling and sets scroll direction and speed independently per application.",13,293,["macos","scrolling","mouse","utility","swift"],"Caldis","free","VG-0932-480.webp",0,2,0],["g6-vg-0482","G6","Graph visualisation engine from AntV with built-in layouts, behaviours, edge bundling and large-graph WebGL rendering.",6,177,["graph","layout","antv","webgl"],"AntV / Ant Group (@antvis)","MIT","VG-0482-480.webp",0,6,0],["monitorcontrol-vg-0899","MonitorControl","macOS menu-bar app that controls external display brightness, contrast and volume over DDC as if they were built-in screens.",13,270,["macos","display","utility","workflow"],"MonitorControl contributors","MIT","VG-0899-480.webp",0,3,0],["ditherjs-vg-0135","ditherjs","Small library that dithers any img element to a fixed palette using ordered or error-diffusion algorithms.",11,269,["dithering","canvas","image","palette"],"Daniele Piccone (@danielepiccone)","MIT","VG-0135-480.webp",0,4,0],["d3-annotation-vg-0418","d3-annotation","Annotation layer for D3 with badge, callout, curve and threshold annotation types plus draggable editing during design.",6,207,["d3","annotation","labels","storytelling"],"Susie Lu (@DataToViz)","MIT","VG-0418-480.webp",0,3,0],["md-this-page-vg-0851","MD This Page","Chrome and Firefox extension converting any page to clean Markdown via Readability and Turndown, with copy-as-AI-prompt export.",13,348,["markdown","extension","readability","llm","scraping"],"Adem Kouki (@Ademking)","MIT","VG-0851-480.webp",0,4,0],["gltf-pipeline-vg-1702","gltf-pipeline","Command line tool and Node library for converting, compressing and optimizing glTF and GLB assets, maintained by Cesium.",12,259,["gltf","cli","draco","optimization"],"Cesium GS (@CesiumJS)","Apache-2.0","VG-1702-480.webp",0,4,0],["glitch-studio-vg-0140","glitch-studio","Data-bending and glitch toolkit with sorting, channel shifting and byte corruption effects plus batch processing.",11,296,["glitch","databending","pixel-sorting","tool"],"Alex Adam (@alexadam)","open-source","VG-0140-480.webp",0,3,0],["expo-libghostty-vg-1330","expo-libghostty","Ghostty terminal view rendered inside an Expo or React Native app via libghostty.",14,242,["expo","terminal","ghostty","native"],"Arcbox Labs (@arcboxlabs)","MIT","VG-1330-480.webp",0,6,0],["ghostfolio-vg-0264","Ghostfolio","Privacy-first wealth management dashboard tracking portfolios, dividends and asset allocation across accounts.",8,17,["fintech","angular","nestjs","portfolio"],"Thomas Kaul (@dtslvr)","GPL","VG-0264-480.webp",0,1,0],["context-engineering-intro-vg-0041","Context Engineering Intro","Template teaching the PRP workflow — global rules, feature specs, example patterns and /generate-prp and /execute-prp commands.",15,307,["claude-code","context","prp","templates","workflow"],"Cole Medin (@coleam00)","MIT","VG-0041-480.webp",0,5,0],["textbee-vg-0951","textbee","Open-source SMS gateway turning a spare Android phone into an API endpoint, with dashboard, webhooks, bulk CSV send and self-hosting.",13,349,["sms","api","android","self-hosted","webhooks"],"vernu","MIT","VG-0951-480.webp",0,3,0],["anthropics-skills-vg-0079","anthropics/skills","Anthropic's official skill repo: docx, pptx, xlsx, pdf, canvas-design, algorithmic-art, mcp-builder, webapp-testing and skill-creator.",15,157,["claude-skills","official","document","design"],"Anthropic","open-source","VG-0079-480.webp",0,9,0],["react-native-image-modal-vg-1401","react-native-image-modal","Full-screen image viewer for React Native with pinch, pan and swipe-to-dismiss transitions.",14,322,["react-native","image","modal","gestures"],"dev-yakuza","MIT","VG-1401-480.webp",0,4,0],["scrambling-letters-vg-1513","scrambling-letters","Small vanilla library producing a per-character decoding scramble on any element, with per-element timing control.",2,98,["text","scramble","vanilla-js","micro-library"],"Recidvst","MIT","VG-1513-480.webp",0,4,0],["playroom-kit-vg-1143","Playroom Kit","Hosted real-time multiplayer backend with lobbies, state sync, phone-as-controller and streaming-friendly modes for web and Unity games.",10,167,["multiplayer","backend","lobby","controller"],"Playroom","freemium","VG-1143-480.webp",0,5,0],["d3-legend-vg-0432","d3-legend","Legend generator for D3 colour, size and symbol scales that stays in sync with the scale it was built from.",6,207,["d3","legend","scales","labels"],"Susie Lu (@DataToViz)","MIT","VG-0432-480.webp",0,4,0],["d3-composite-projections-vg-0422","d3-composite-projections","Map projections that place distant territories such as Alaska, Hawaii and French overseas regions next to the mainland.",6,207,["geo","projection","cartography","d3"],"Roger Veciana (@rveciana)","MIT","VG-0422-480.webp",0,4,0],["ivangrynenko-cursorrules-vg-0013","ivangrynenko/cursorrules","Opinionated cursor rules repo that also ships a maintained AGENTS.md translation of the same rule set.",15,350,["cursor","agents-md","rules"],"Ivan Grynenko (@ivangrynenko)","open-source","VG-0013-480.webp",0,2,0],["tauri-plugin-context-menu-vg-1424","tauri-plugin-context-menu","Tauri plugin exposing true native OS context menus instead of HTML-rendered menus.",14,275,["tauri","context-menu","native","desktop"],"c2r0b","MIT","VG-1424-480.webp",0,6,0],["skill-seekers-vg-0095","Skill_Seekers","Tool that crawls a documentation website and compiles it into a packaged Claude Skill with references and examples.",15,351,["claude-skills","docs","generator","tooling"],"Yusuf Karaaslan (@yusufkaraaslan)","open-source","VG-0095-480.webp",0,4,0],["rainbow-csv-vg-0902","Rainbow CSV","VS Code extension colouring CSV and TSV columns, aligning them, linting consistency and querying rows with an SQL-like language.",13,326,["vscode","csv","data","sql","linting"],"mechatroner","MIT","VG-0902-480.webp",0,2,0],["random-css-tip-vg-0699","Random CSS Tip","Serves a random modern-CSS technique with runnable demo, as a daily learning surface.",3,20,["css","tips","learning","reference"],"Temani Afif (@ChallengesCss)","free","VG-0699-480.webp",0,3,0],["logggos-vg-1558","Logggos","Curated collection of contemporary logo marks with a consistent presentation format.",0,135,["logos","branding","gallery","inspiration"],"Artiom Dashinsky (@hvost) & Martin Wessely","free","VG-1558-480.webp",0,5,0],["design-lint-vg-1043","Design Lint","Scans Figma frames for missing styles, off-system colors and stray text properties, then jumps you to each error.",4,352,["figma-plugin","linting","qa","design-system"],"Daniel Destefanis (@dandestefano)","open-source","VG-1043-480.webp",0,6,0],["claude-plugins-official-vg-0034","claude-plugins-official","Anthropic's curated directory of vetted Claude Code plugins, used as the default marketplace source.",15,319,["claude-code","plugins","marketplace","official"],"Anthropic","open-source","VG-0034-480.webp",0,5,0],["litecanvas-vg-1191","litecanvas","Roughly 4kb HTML5 canvas engine with a tiny global API for jams, prototypes and size-limited game competitions.",10,27,["canvas","micro-engine","js13k","prototyping"],"(@litecanvas)","MIT","VG-1191-480.webp",0,3,0],["aura-vg-0146","Aura","Ambient background gradients built from layered CSS blend modes to simulate coloured light spilling across a surface.",11,86,["css","gradients","blend-modes","ambient"],"Cristian Olivera (@CristianOlivera1)","open-source","VG-0146-480.webp",0,4,0],["turtletoy-vg-1714","Turtletoy","Minimalist JavaScript playground for plotter-style generative art using a turtle graphics API, with a public gallery.",12,97,["generative-art","plotter","js","gallery"],"Reinder Nijhoff (@reindernijhoff)","free","VG-1714-480.webp",0,5,0],["heroshot-vg-0978","Heroshot","Automates product and documentation screenshots by letting you visually pick elements and regenerate images whenever the UI changes.",13,282,["screenshots","docs","playwright","marketing"],"@omachala","open-source","VG-0978-480.webp",0,5,0],["madge-vg-0870","Madge","Generates visual dependency graphs of a module tree and detects circular dependencies, outputting SVG, DOT or JSON.",13,335,["dependency-graph","circular-dependency","visualization","node"],"Patrik Henningsson (@pahen)","MIT","VG-0870-480.webp",0,6,0],["expo-electric-border-vg-0113","expo-electric-border","Crackling lightning outline drawn around any React Native view on the UI thread using Skia and Reanimated.",11,324,["react-native","skia","border","glow"],"Mahdi Davoodi (@mahdidavoodi7)","MIT","VG-0113-480.webp",0,2,0],["morphin-vg-0137","morphin","Generates pixel-art sprite interpolations rendered as CSS animations, producing sprite morphs without a canvas.",11,269,["pixel-art","css","animation","sprite"],"Javier Bórquez (@javierbyte)","MIT","VG-0137-480.webp",0,6,0],["new-moon-vg-0903","New Moon","Dark syntax theme tuned for HTML, CSS, JavaScript and PHP, ported to VS Code, Sublime, Vim, iTerm and Chrome DevTools.",13,353,["theme","vscode","syntax","dark","devtools"],"Tania Rascia (@taniarascia)","MIT","VG-0903-480.webp",0,5,0],["remnus-vg-0017","Remnus","Workspace of databases, kanban boards, pages and calendars that Claude, Cursor and other agents read and write over MCP.",15,354,["mcp","agents","workspace","kanban","memory"],"Akatron Network","freemium","VG-0017-480.webp",0,4,0],["vizzu-vg-0411","Vizzu","Animated chart library that morphs between chart types along a continuous geometry so transitions carry meaning in data stories.",6,67,["animation","data-story","canvas","morphing"],"Vizzu (@vizzuhq)","Apache-2.0","VG-0411-480.webp",0,3,0],["drawnix-vg-0475","Drawnix","Open-source whiteboard combining mind maps, flowcharts and freehand drawing on one infinite canvas.",6,172,["whiteboard","mindmap","flowchart","canvas"],"Plait Board (@plait-board)","MIT","VG-0475-480.webp",0,3,0],["dev-browser-vg-0025","Dev Browser","Browser automation harness that lets a coding agent open, drive and visually verify the app it just wrote.",15,252,["browser","automation","verification","claude-code"],"Sawyer Hood (@SawyerHood)","open-source","VG-0025-480.webp",0,6,0],["stylelint-a11y-vg-0527","stylelint-a11y","Stylelint plugin that catches accessibility problems in CSS itself, such as removed outlines and unsafe media-query overrides.",5,15,["stylelint","css","accessibility","linting"],"YozhikM","MIT","VG-0527-480.webp",0,3,0],["carbon-icons-for-vs-code-vg-0897","Carbon Icons for VS Code","VS Code file icon theme built from IBM Carbon's icon set, giving a consistent monoline look across file types.",13,270,["vscode","icons","carbon","aesthetic"],"Anthony Fu (@antfu)","MIT","VG-0897-480.webp",0,4,0],["claudinho-vg-0099","claudinho","Statusline that streams live World Cup football scores into your Claude Code terminal.",15,355,["claude-code","statusline","fun","sports"],"Arturo Garrido (@arturogarrido)","open-source","VG-0099-480.webp",0,5,0],["geometric-paint-worklet-vg-0128","geometric-paint-worklet","Customisable Paint Worklet drawing geometric figures into any element background via CSS custom properties.",11,316,["houdini","paint-worklet","patterns","css"],"(@boguz)","MIT","VG-0128-480.webp",0,4,0],["webgradients-vg-1021","WebGradients","180 hand-picked linear gradients delivered as CSS, Figma, Sketch and PSD files with a consistent naming scheme.",4,291,["gradients","css","figma","assets"],"itmeo","open-source","VG-1021-480.webp",0,4,0],["headings-map-vg-0523","Headings Map","Browser extension that renders a document's heading outline and flags skipped or misordered heading levels instantly.",5,15,["accessibility","headings","extension","audit"],"Rumoroso","free","VG-0523-480.webp",0,7,0],["searchsystem-vg-1562","Searchsystem","Minimal daily feed of graphic design, branding and print work with almost no editorial framing.",0,135,["graphic-design","branding","feed","minimal"],"","free","VG-1562-480.webp",0,2,0],["vivagraphjs-vg-0491","VivaGraphJS","Graph drawing library with swappable layout and rendering backends, including a WebGL renderer tuned for very large graphs.",6,177,["graph","webgl","layout","pluggable"],"Andrei Kashcha (@anvaka)","open-source","VG-0491-480.webp",0,7,0],["system-design-101-vg-1290","System Design 101","Illustrated explanations of APIs, databases, caching, cloud architecture and real company case studies, told mostly through diagrams.",1,356,["system-design","architecture","diagrams","interviews"],"ByteByteGo (@bytebytego)","free","VG-1290-480.webp",0,3,0],["same-energy-vg-1608","Same Energy","Visual search engine that finds images aesthetically similar to a reference rather than keyword-matched.",0,111,["visual-search","inspiration","similarity","images"],"Jacob Jackson (@jbfja)","free","VG-1608-480.webp",0,5,0],["textdistortioneffects-vg-1706","TextDistortionEffects","Demo set of SVG and shader-driven distortion effects applied to headline typography on interaction.",12,357,["typography","distortion","effects","demo"],"Codrops / Manoela Ilic (@crnacura)","MIT","VG-1706-480.webp",0,3,0],["fireproof-vg-0917","Fireproof","Embeddable database that runs in the browser with verifiable, content-addressed storage and pluggable cloud sync backends.",13,143,["local-first","database","browser","sync"],"Fireproof Storage (@fireproof-storage)","open-source","VG-0917-480.webp",0,6,0],["emoji-pattern-generator-vg-1040","Emoji Pattern Generator","Creates tiled or scattered emoji patterns inside Figma with controls for density, rotation and randomness.",4,329,["figma-plugin","pattern","emoji","generative"],"Niyamax","open-source","VG-1040-480.webp",0,7,0],["branding-style-guides-vg-0531","Branding Style Guides","Searchable archive of thousands of brand manual PDFs, filterable by year, country, industry, language and page count.",5,117,["brand","archive","pdf","identity"],"Branding Style Guides","free","VG-0531-480.webp",0,5,0],["tw-fade-vg-0187","tw-fade","Tailwind v4 plugin adding scroll-edge fade masking to overflow containers with zero JavaScript.",11,302,["tailwind","scroll","mask","css"],"(@petekp)","MIT","VG-0187-480.webp",0,3,0],["freecad-mcp-vg-0001","FreeCAD-MCP","MCP server with fifty-seven FreeCAD tools and headless Docker execution for automated CAD generation.",15,173,["mcp","freecad","cad","docker"],"Proximile (@proximile)","open-source","VG-0001-480.webp",0,5,0],["dithering-shader-vg-1720","dithering-shader","Real-time ordered Bayer dithering post-processing effect for 3D scenes, built for react-three-fiber and plain Three.js.",12,61,["dithering","r3f","postprocessing","shaders"],"Niccolo Fanton (@niccolofanton)","MIT","VG-1720-480.webp",0,3,0],["puffin-js-vg-0155","puffin.js","Image hover library that reveals a second image through an animated organic mask following the cursor.",11,332,["hover","image","mask","vanilla-js"],"(@Treast)","MIT","VG-0155-480.webp",0,6,0],["glslviewer-vg-1761","glslViewer","Console-based GLSL sandbox and live renderer for macOS, Linux and Raspberry Pi with hot reload and headless image export.",12,358,["shaders","cli","glsl","rendering"],"Patricio Gonzalez Vivo (@patriciogv)","open-source","VG-1761-480.webp",0,3,0],["system-prompts-leaks-vg-0105","system_prompts_leaks","Regularly updated extractions of Anthropic, OpenAI, Google and xAI system prompts including Claude Code and Codex.",15,287,["system-prompts","claude-code","codex","reference"],"@asgeirtj","open-source","VG-0105-480.webp",0,3,0],["hanko-vg-0265","Hanko","Passkey-first authentication and user management with hosted or self-hosted flows and embeddable web components.",8,17,["auth","passkeys","webauthn","components"],"Hanko (@teamhanko)","GPL","VG-0265-480.webp",0,4,0],["goodui-vg-0540","GoodUI","Seventy-five conversion patterns plus a searchable database of real A/B test results from large consumer products.",5,5,["conversion","ab-testing","patterns","evidence"],"Jakub Linowski (@jlinowski)","freemium","VG-0540-480.webp",0,9,0],["y-sweet-vg-0929","Y-Sweet","Managed and self-hostable Yjs sync server that persists documents to S3-compatible storage and scales sessions per document.",13,143,["yjs","collaboration","sync","server"],"Jamsocket (@jamsocket)","open-source","VG-0929-480.webp",0,3,0],["tilt-js-vg-0112","Tilt.js","Sub-4KB parallax tilt hover effect with glare, gyroscope support and per-axis limits, driven by data attributes.",11,233,["tilt","hover","parallax","vanilla-js"],"Gijs Rogé (@gijsroge)","MIT","VG-0112-480.webp",0,4,0],["style-dictionary-vg-0628","Style Dictionary","Build system that transforms a single token source into platform-specific outputs for web, iOS, Android and beyond.",5,19,["design-tokens","build-system","multi-platform","cli"],"Amazon / Danny Banks (@dbanks-design)","Apache-2.0","VG-0628-480.webp",0,5,0],["shaderexpo-vg-0188","ShaderExpo","Browser WebGL shader playground for writing, previewing and sharing fragment shaders used as page backgrounds.",11,359,["webgl","shader","playground","background"],"Anurag Hazra (@anuraghazra)","MIT","VG-0188-480.webp",0,4,0],["between-js-vg-1431","Between.js","ES6 tweening engine that interpolates numbers, colors, vectors and objects with a chainable API and no DOM assumptions.",2,33,["javascript","tweening","es6","three-js"],"Alexander Buzin (@sasha240100)","MIT","VG-1431-480.webp",0,3,0],["tania-rascia-vg-1251","Tania Rascia","Personal engineering blog with 177 posts on JavaScript, React, the DOM and web fundamentals, written as complete tutorials.",1,360,["blog","javascript","react","tutorials","fundamentals"],"Tania Rascia (@taniarascia)","free","VG-1251-480.webp",0,4,0],["progressbar-js-vg-1468","Progressbar.js","Library for animated SVG progress shapes — line, circle, semicircle or custom path — with per-step callbacks and custom easing.",2,120,["svg","progress","animation","shapes"],"Kimmo Brunfeldt (@kimmobrunfeldt)","MIT","VG-1468-480.webp",0,3,0],["cc-thinking-skills-vg-0082","cc-thinking-skills","Thinking-framework skills with a meta-router that picks the right reasoning approach for the problem at hand.",15,157,["claude-skills","reasoning","meta-router"],"@tjboudreaux","open-source","VG-0082-480.webp",0,6,0],["ux-patterns-for-devs-vg-0544","UX Patterns for Devs","Ninety-plus UI patterns documented for developers with when-to-use guidance, accessibility rules and comparison pages between similar patterns.",5,5,["patterns","accessibility","framework-agnostic","mcp"],"David Dias (@thejsdev)","MIT","VG-0544-480.webp",0,4,0],["tegaki-vg-0197","tegaki","Renders any web font as animated handwriting strokes, turning ordinary text into a hand-drawn reveal.",11,231,["text","handwriting","svg","animation"],"(@gkurt)","MIT","VG-0197-480.webp",0,5,0],["figmapy-vg-1013","FigmaPy","Python wrapper for the Figma REST API for scripting file inspection, exports and design-data analysis.",4,309,["figma-api","python","scripting","automation"],"Amatobahn","open-source","VG-1013-480.webp",0,3,0],["canvas-nest-js-vg-0175","canvas-nest.js","Tiny canvas script that draws an interactive connected-node particle mesh behind page content, configured via script tag attributes.",11,48,["canvas","particles","background","vanilla-js"],"Hu Chen (@hustcc)","MIT","VG-0175-480.webp",0,5,0],["playwright-devtools-mcp-vg-0022","playwright-devtools-mcp","MCP server pairing Playwright with full Chrome DevTools access for autonomous debugging, performance and security inspection.",15,361,["mcp","playwright","devtools","debugging"],"@ariangibson","open-source","VG-0022-480.webp",0,4,0],["module-replacements-vg-0892","module-replacements","Community-maintained database mapping outdated or oversized npm packages to leaner, actively maintained modern equivalents with migration notes.",13,136,["npm","dependencies","migration","performance"],"e18e community","MIT","VG-0892-480.webp",0,5,0],["dither-shpigford-vg-0133","Dither (Shpigford)","Vector dithering tool that converts images into scalable dithered vector art for the web and Adobe Illustrator.",11,269,["dithering","vector","illustrator","tool"],"Josh Pigford (@Shpigford)","open-source","VG-0133-480.webp",0,4,0],["webgl-crt-shader-vg-1167","webgl-crt-shader","Tweakable CRT shader for a web canvas with scanlines, curvature, bloom and phosphor controls exposed as parameters.",10,43,["crt","shader","webgl","retro"],"Matt Sephton (@gingerbeardman)","open-source","VG-1167-480.webp",0,4,0],["ui-skills-vg-0638","UI Skills","Set of agent skill files aimed at polishing interfaces produced by AI coding agents.",3,175,["ai-agents","skills","ui-polish"],"@ibelick","open-source","VG-0638-480.webp",0,6,0],["ai-agents-frameworks-vg-0004","ai-agents-frameworks","Playground repository with runnable side-by-side implementations comparing modern open-source agent frameworks on the same example tasks.",15,362,["agents","frameworks","comparison","examples"],"Martim Santos (@martimfasantos)","open-source","VG-0004-480.webp",0,7,0],["kaleidocode-vg-1042","Kaleidocode","Converts a VS Code color theme into a Figma color library so design mockups of editors match the real thing.",4,329,["figma-plugin","vscode","themes","color"],"Kaleidocode","open-source","VG-1042-480.webp",0,6,0],["materialkolor-vg-1312","MaterialKolor","Tool and Kotlin library for generating Material 3 dynamic colour schemes from a seed colour.",14,199,["compose","material3","color","theming"],"Jordon de Hoog (@jordond)","MIT","VG-1312-480.webp",0,5,0],["theo-vg-0631","Theo","Salesforce's original token transformer, converting a single source into Sass, Less, JSON and native platform formats.",5,19,["design-tokens","transformer","salesforce","legacy"],"Salesforce UX","open-source","VG-0631-480.webp",0,5,0],["flue-vg-0003","Flue","Bridge that lets coding agents drive arbitrary desktop software beyond the terminal and browser.",15,363,["agents","desktop","automation","bridge"],"S.F. Kislev (@SFKislev)","open-source","VG-0003-480.webp",0,5,0],["claude-code-requirements-builder-vg-0075","Claude Code Requirements Builder","Slash-command system that interrogates your codebase, asks two rounds of yes/no questions, then writes a concrete requirements document.",15,364,["claude-code","requirements","specs","workflow"],"rizethereum","MIT","VG-0075-480.webp",0,4,0],["claude-project-scaffolding-vg-0074","Claude Project Scaffolding","Project template that adds pre-commit hooks, CI, linting, type checks, file-length limits and test-drift inventories to LLM-assisted work.",15,365,["claude-code","quality-gates","ci","pre-commit","scope-creep"],"madison-hutson","MIT","VG-0074-480.webp",0,3,0],["spline-vg-1004","Spline","Browser-based 3D design tool with materials, physics, particles and export to React, Next.js, Swift and Kotlin.",4,81,["3d","web-design","interactive","export"],"Spline","freemium","VG-1004-480.webp",0,3,0],["css-position-area-editor-vg-0169","css-position-area-editor","Visual editor for previewing every CSS position-area value against an anchor, exporting the matching declaration.",11,312,["css","anchor-positioning","tool","editor"],"Burnworks (@burnworks)","open-source","VG-0169-480.webp",0,2,0],["typia-vg-0960","typia","Transformer that compiles TypeScript types into optimised runtime validators, serializers and random generators with no schema declaration.",13,273,["typescript","validation","codegen","performance"],"Jeongho Nam (@samchon)","MIT","VG-0960-480.webp",0,2,0],["trophy-ui-vg-1979","Trophy UI","Gamification components for React covering streaks, achievement badges, XP bars and leaderboards.",9,26,["react","gamification","shadcn","streaks"],"Trophy","MIT","VG-1979-480.webp",0,6,0],["playwright-timeline-reporter-vg-0985","playwright-timeline-reporter","Reporter that draws every Playwright test and worker on an interactive timeline, exposing serialisation and slow-setup bottlenecks.",13,282,["playwright","performance","timeline","ci"],"Vitaliy Potapov (@vitalets)","MIT","VG-0985-480.webp",0,3,0],["fragment-vg-1710","Fragment","Local web environment for live-coding fragment shaders and sketches with hot reload, GUI controls and video export.",12,97,["shaders","live-coding","creative-coding","export"],"Raphael Ameaume (@raphaelameaume)","MIT","VG-1710-480.webp",0,6,0],["module-replacements-codemods-vg-0893","module-replacements-codemods","Collection of automated codemods that rewrite imports and call sites when swapping a legacy npm package for its recommended replacement.",13,136,["codemod","npm","migration","automation"],"ES Tooling collective","MIT","VG-0893-480.webp",0,4,0],["basecoat-vg-1901","Basecoat","Vanilla HTML, CSS and JavaScript port of shadcn/ui usable from any server-rendered stack.",9,165,["html","css","vanilla","shadcn"],"Ronan Berder (@hunvreus)","MIT","VG-1901-480.webp",0,6,0],["qrframe-vg-0350","QRFrame","QR code designer where the rendering is defined by editable code presets, letting you script appearance parameters and export SVG.",7,366,["qr","generative","svg","design"],"Kyle Zheng (@zhengkyl)","MIT","VG-0350-480.webp",0,1,0],["meowni-ca-monica-dinculescu-vg-1250","meowni.ca (Monica Dinculescu)","Personal site of a creative engineer, mixing web-platform writing with playable demos, generative art experiments and small browser toys.",1,360,["blog","web-components","creative-coding","demos","css"],"Monica Dinculescu (@notwaldorf)","free","VG-1250-480.webp",0,4,0],["awesome-threejs-vg-1716","awesome-threejs","Curated GitHub list of Three.js libraries, physics engines, shader resources, editors and asset sources.",12,13,["three.js","directory","awesome-list","webgl"],"Axiome (@AxiomeCG)","open-source","VG-1716-480.webp",0,5,0],["tunera-type-foundry-vg-1068","Tunera Type Foundry","Small foundry distributing free SIL Open Font License typefaces from designers in Paris, Kyiv, Bordeaux and Iloilo.",4,73,["fonts","ofl","type-foundry","free"],"Tunera (Ariel Martín Pérez and others)","open-source","VG-1068-480.webp",0,5,0],["figma-plugin-react-vite-vg-1011","figma-plugin-react-vite","Vite-based Figma plugin starter with React, hot reload for the UI iframe and typed plugin/UI messaging.",4,309,["figma-plugin","vite","react","template"],"CoconutGoodie","MIT","VG-1011-480.webp",0,6,0],["tinybase-vg-0926","TinyBase","Reactive in-memory data store with typed schemas, indexes, relationships, persistence adapters and optional CRDT-based synchronization.",13,143,["state","store","reactive","sync"],"James Pearce (@jamespearce)","MIT","VG-0926-480.webp",0,5,0],["placemark-figma-plugin-vg-1039","Placemark Figma Plugin","Brings real geographic data and styled maps into Figma frames from Placemark's map tooling.",4,367,["figma-plugin","maps","geo","data"],"Tom MacWright (@tmcw)","open-source","VG-1039-480.webp",0,2,0],["dpdm-vg-0868","DPDM","Zero-config CLI that analyses TypeScript and JavaScript import graphs and prints circular dependency chains with the exact file paths involved.",13,335,["circular-dependency","typescript","cli","analysis"],"acrazing (@acrazing)","MIT","VG-0868-480.webp",0,5,0],["cr-sqlite-vg-0914","cr-sqlite","SQLite extension that turns ordinary tables into conflict-free replicated ones, letting two databases merge changes without a central server.",13,143,["sqlite","crdt","sync","local-first"],"Matt Wonlaw (@tantaman)","open-source","VG-0914-480.webp",0,6,0],["playwright-network-cache-vg-0984","playwright-network-cache","Playwright fixture that records network responses to disk and replays them, making tests deterministic and dramatically faster.",13,282,["playwright","network","caching","flaky-tests"],"Vitaliy Potapov (@vitalets)","MIT","VG-0984-480.webp",0,5,0],["stepperize-vg-1860","Stepperize","Headless stepper library for React with typed steps, plus a shadcn-styled component layer.",9,154,["react","stepper","headless","forms"],"Damian Ricobelli (@damianricobelli)","MIT","VG-1860-480.webp",0,5,0],["claude-d3js-skill-vg-0063","claude-d3js-skill","Skill that teaches Claude to build correct, idiomatic d3.js data visualisations instead of generic charting library output.",15,345,["claude-skills","d3","dataviz"],"Chris von Csefalvay (@chrisvoncsefalvay)","open-source","VG-0063-480.webp",0,6,0],["wordpress-photo-directory-vg-1073","WordPress Photo Directory","Community-submitted CC0 photographs moderated by the WordPress project, all cleared for any use without attribution.",4,113,["cc0","photos","community","open"],"WordPress community","free","VG-1073-480.webp",0,4,0],["postspark-code-vg-0760","PostSpark Code","Turns code snippets into styled screenshots with themes, window chrome, backgrounds and adjustable padding.",3,100,["code-screenshots","social","themes","export"],"","freemium","VG-0760-480.webp",0,2,0],["absurd-design-vg-0739","Absurd Design","Surreal hand-drawn illustration collection with a deliberately strange visual language, free and paid tiers.",3,25,["illustration","surreal","hand-drawn","editorial"],"Diana Valeanu","freemium","VG-0739-480.webp",0,2,0],["notebooklm-mcp-vg-0067","notebooklm-mcp","MCP server that drives Google NotebookLM so agents can query and build notebooks programmatically.",15,368,["mcp","notebooklm","research","google"],"Romain Peyrichou (@roomi-fields)","open-source","VG-0067-480.webp",0,3,0],["awesome-design-systems-alexpate-vg-1534","awesome-design-systems (alexpate)","Collection of published design systems from companies, with links to their docs, code and Figma libraries.",0,221,["design-systems","reference","awesome-list"],"Alex Pate (@alexpate)","open-source","VG-1534-480.webp",0,7,0],["awesome-css-vg-1531","awesome-css","Curated list of CSS frameworks, preprocessors, methodologies, tools and learning material.",0,221,["css","frameworks","tooling","awesome-list"],"awesome-css-group","open-source","VG-1531-480.webp",0,4,0],["payload-components-vg-1967","Payload Components","MIT registry of typed Payload CMS blocks and React components for Payload v3 with Next.js.",9,26,["react","payload","cms","blocks"],"Chai Pin Zheng (@Ducksss)","MIT","VG-1967-480.webp",0,2,0],["dead-simple-sites-vg-1685","Dead Simple Sites","Gallery of intentionally simple websites with basic layouts, useful when arguing a client out of over-design.",0,75,["minimal","inspiration","simplicity","gallery"],"Arcade Labs","free","VG-1685-480.webp",0,5,0],["particles-js-marcbruederlin-vg-0178","particles.js (marcbruederlin)","Dependency-free responsive particle background plugin with configurable density, connection lines and interaction modes.",11,48,["particles","canvas","vanilla-js","background"],"Marc Brüderlin (@marcbruederlin)","MIT","VG-0178-480.webp",0,2,0],["awesome-claude-code-plugins-vg-0030","awesome-claude-code-plugins","Curated list of Claude Code slash commands, subagents, MCP servers and hooks packaged as installable plugins.",15,319,["claude-code","plugins","subagents","hooks"],"@ccplugins","open-source","VG-0030-480.webp",0,4,0],["string-ts-vg-0957","string-ts","Runtime string utilities whose return types are computed at the type level, so camelCase or split results stay literally typed.",13,273,["typescript","strings","type-level","utilities"],"Gustavo Guichard (@gustavoguichard)","MIT","VG-0957-480.webp",0,5,0],["cursor-agent-configs-vg-0012","cursor-agent-configs","Advanced .mdc rules for Cursor covering agent memory management and multi-step development workflows.",15,350,["cursor","rules","memory","workflow"],"@DVC2","open-source","VG-0012-480.webp",0,5,0],["slipshow-vg-0365","Slipshow","Presentation engine built on scrolling slips rather than fixed slides, compiling to a standalone offline HTML file with hand-drawn annotations.",7,369,["presentation","slides","html","ocaml"],"panglesd","GPL","VG-0365-480.webp",0,0,0],["playwright-mcp-vg-0023","playwright-mcp","Microsoft's MCP server that drives Playwright using the accessibility tree rather than screenshots for deterministic browser control.",15,361,["mcp","playwright","browser","testing"],"Microsoft","Apache-2.0","VG-0023-480.webp",0,2,0],["css-extras-vg-0339","css-extras","Collection of about 43 reusable CSS custom functions using the native @function rule, covering math, colour, typography, layout and animation.",7,370,["css","functions","utilities","copy-paste"],"Sindre Sorhus (@sindresorhus)","MIT","VG-0339-480.webp",0,4,0],["rafael3-comfyui-workflows-vg-0040","rafael3/ComfyUI-Workflows","Modular real-world ComfyUI workflows organised by task, built to be composed rather than used monolithically.",15,274,["comfyui","workflows","modular","stable-diffusion"],"@rafael3","open-source","VG-0040-480.webp",0,4,0],["awesome-selfhosted-vg-1542","awesome-selfhosted","Very large curated list of free software network services and web applications that can be self-hosted.",0,221,["self-hosted","open-source","infrastructure","awesome-list"],"awesome-selfhosted org","open-source","VG-1542-480.webp",0,5,0],["the-hsb-color-system-a-practitioner-s-primer-vg-1215","The HSB Color System: A Practitioner's Primer","Article explaining why HSB beats hex for reasoning about UI colour, with rules for building consistent palettes.",1,371,["color","hsb","ui","theory"],"Erik Kennedy (@erikdkennedy)","free","VG-1215-480.webp",0,3,0],["tailwind-corner-smoothing-vg-0376","Tailwind Corner Smoothing","Tailwind plugin replacing border-radius with Apple-style continuous curvature corners, exposed as utility classes.",7,219,["tailwind","css","squircle","design"],"Gary Tokman (@gtokman)","MIT","VG-0376-480.webp",0,6,0],["d3fc-vg-0394","d3fc","Component set for financial and technical charts on D3 that renders identical series to SVG, Canvas or WebGL from one definition.",6,67,["d3","webgl","financial","canvas"],"Scott Logic (@ScottLogic)","MIT","VG-0394-480.webp",0,4,0],["skiper-ui-vg-1973","Skiper UI","Component library of stacked cards, carousels and scroll-driven interactions distributed through the shadcn CLI.",9,26,["react","shadcn","scroll","animation"],"Gxuri (@Gxuri__)","MIT","VG-1973-480.webp",0,7,0],["kanel-vg-0876","Kanel","Reads a live PostgreSQL schema and generates TypeScript interfaces, branded ID types and Zod schemas for every table and view.",13,82,["postgres","codegen","typescript","types"],"Kristian Dupont (@kristiandupont)","MIT","VG-0876-480.webp",0,4,0],["awesome-claude-code-toolkit-vg-0031","awesome-claude-code-toolkit","Sprawling toolkit bundling agents, skills, commands, plugins, hooks, rules, templates and MCP configs in one repo.",15,319,["claude-code","toolkit","agents","hooks"],"Rohit Ghumare (@rohitg00)","open-source","VG-0031-480.webp",0,3,0],["d3-geo-scale-bar-vg-0426","d3-geo-scale-bar","Generates correct scale bars for projected geospatial data, accounting for distortion at the bar's location.",6,207,["cartography","scale-bar","geo","d3"],"Harry Stevens (@Harry_Stevens)","MIT","VG-0426-480.webp",0,5,0],["shoogle-vg-1944","Shoogle","Search engine that indexes shadcn components across registries so you can find a component by what it does.",9,372,["search","shadcn","discovery","components"],"Shoogle","free","VG-1944-480.webp",0,6,0],["create-figma-plugin-vg-1007","create-figma-plugin","Toolkit for building Figma plugins and widgets: build system, Preact UI components, typed utilities and scaffolding.",4,309,["figma-plugin","toolkit","preact","scaffolding"],"Lim Yuan Qing (@yuanqing)","MIT","VG-1007-480.webp",0,4,0],["content-buddy-vg-1030","Content Buddy","Replaces text content across many Figma layers at once from a list, for filling realistic copy into repeated components.",4,373,["figma-plugin","content","data-population","text"],"Xavier Roig (@basiclines)","open-source","VG-1030-480.webp",0,7,0],["superpowers-vg-0091","superpowers","Battle-tested Claude Code skill library covering brainstorming, TDD, debugging and code review, installed as a plugin marketplace.",15,157,["claude-skills","claude-code","plugin","workflow"],"Jesse Vincent (@obra)","open-source","VG-0091-480.webp",0,4,0],["cascii-vg-0316","Cascii","Dependency-free vanilla JavaScript builder for ASCII and Unicode diagrams with layers, grouping, selection and autosave, runnable from a single HTML file.",7,374,["ascii","diagrams","vanilla-js","offline"],"Caspar Wylie (@casparwylie)","Apache-2.0","VG-0316-480.webp",0,1,0],["fluid-functionalism-vg-0676","Fluid Functionalism","Open-source UI component set built around fluid, functionalist motion and layout principles.",3,375,["ui","components","fluid","open-source"],"@micka_design","open-source","VG-0676-480.webp",0,2,0],["claude-code-usage-bar-vg-0098","claude-code-usage-bar","Statusline showing live rate-limit consumption, token spend and cost so you can see budget burn in real time.",15,355,["claude-code","statusline","cost","usage"],"@leeguooooo","open-source","VG-0098-480.webp",0,5,0],["loading-ui-vg-1472","Loading UI","Gallery of spinners, loaders and loading animations with copyable CSS and HTML for each.",2,376,["loaders","css","animation","gallery"],"Bartosz Zagrodzki (@bzagrodzki)","free","VG-1472-480.webp",0,4,0],["stagger-vg-1370","stagger","Cross-platform React Native component that applies staggered entry and exit animations to child lists via Reanimated.",14,184,["react-native","reanimated","stagger","animation"],"animate-react-native","MIT","VG-1370-480.webp",0,5,0],["typesql-vg-0881","TypeSQL","Generates fully typed query functions from raw SQL files by introspecting the database, giving type-safe results without an ORM layer.",13,82,["sql","codegen","typescript","mysql"],"@wsporto","MIT","VG-0881-480.webp",0,5,0],["superpowers-lab-vg-0092","superpowers-lab","Experimental staging repo where new agent-skill techniques get prototyped in public before graduating into the main superpowers library.",15,157,["claude-skills","experimental","claude-code"],"Jesse Vincent (@obra)","open-source","VG-0092-480.webp",0,5,0],["iconbuddy-vg-0726","Iconbuddy","Icon aggregator with cross-set search, live color and stroke editing, and export to SVG, PNG or component code.",3,101,["icons","search","editor","aggregator"],"SimpleBytes","freemium","VG-0726-480.webp",0,1,0],["ripl-vg-0368","Ripl","TypeScript graphics library with one API that renders to Canvas, SVG, WebGPU or the terminal, plus 23 built-in chart types.",7,377,["graphics","canvas","webgpu","charts"],"Andrew Courtice (@andrewcourtice)","MIT","VG-0368-480.webp",0,3,0],["playwright-skill-vg-0311","Playwright Skill","Claude Code skill that writes and runs Playwright automation on demand instead of exposing a fixed MCP tool surface.",7,315,["claude-code","playwright","browser","agents"],"lackeyjb","MIT","VG-0311-480.webp",0,2,0],["smolcss-vg-0706","SmolCSS","Collection of minimal modern CSS layout and component solutions, each just a few lines with live demos.",3,378,["css","layout","grid","snippets"],"Stephanie Eckles (@5t3ph)","open-source","VG-0706-480.webp",0,3,0],["web-asset-generator-vg-0065","web-asset-generator","Skill that generates favicons, app icons, OG images and social media assets from a single source graphic.",15,345,["claude-skills","assets","favicon","og-image"],"@alonw0","open-source","VG-0065-480.webp",0,3,0],["tolgee-localization-vg-1031","Tolgee Localization","Pulls translation keys and localized strings from Tolgee into Figma text layers so you can preview every language.",4,373,["figma-plugin","localization","i18n","translation"],"Tolgee","open-source","VG-1031-480.webp",0,4,0],["figma-to-flutter-vg-1046","Figma to Flutter","Generates Flutter widget code from Figma documents via the REST API, including layout and text styles.",4,276,["figma-api","flutter","codegen","dart"],"Aloïs Deniel (@aloisdeniel)","open-source","VG-1046-480.webp",0,7,0],["super-tidy-vg-1038","Super Tidy","Aligns, renames and reorders Figma frames based on their canvas position, so page order matches visual order.",4,340,["figma-plugin","batch-rename","layout","organization"],"Xavier Roig (@basiclines)","open-source","VG-1038-480.webp",0,7,0],["visual-regression-tracker-vg-0987","Visual Regression Tracker","Self-hosted service that stores baselines, shows diffs and manages approvals, with SDKs for Playwright, Cypress and WebdriverIO.",13,282,["visual-regression","self-hosted","dashboard","playwright"],"Visual Regression Tracker team","open-source","VG-0987-480.webp",0,6,0],["supabase-automated-self-host-vg-0879","Supabase Automated Self-Host","Script and compose setup that provisions a hardened self-hosted Supabase stack with Caddy, TLS and authentication in one command.",13,82,["supabase","self-hosting","docker","devops"],"Inder Singh (@singh-inder)","MIT","VG-0879-480.webp",0,3,0],["ccstatusline-vg-0096","ccstatusline","Highly customisable Claude Code statusline with powerline rendering, themes and configurable widgets.",15,355,["claude-code","statusline","terminal","powerline"],"@sirmalloc","open-source","VG-0096-480.webp",0,4,0],["awesome-mcp-servers-vg-1540","awesome-mcp-servers","Very large curated collection of Model Context Protocol servers organised by capability and integration.",0,221,["mcp","agents","integrations","awesome-list"],"@punkpeye","MIT","VG-1540-480.webp",0,6,0],["claude-code-system-prompts-vg-0029","claude-code-system-prompts","All parts of the Claude Code system prompt, versioned and updated on each release for diffing.",15,379,["claude-code","system-prompt","internals"],"Piebald AI (@Piebald-AI)","open-source","VG-0029-480.webp",0,6,0],["action-dependency-diff-vg-0888","action-dependency-diff","GitHub Action that comments on pull requests with a detailed diff of added, removed and resized dependencies including install-size impact.",13,136,["github-actions","dependencies","ci","review"],"e18e community","MIT","VG-0888-480.webp",0,4,0],["shelf-nu-vg-0274","Shelf.nu","Asset and equipment tracking with QR labels, bookings, custodian assignment and location history.",8,17,["remix","asset-tracking","qr","inventory"],"Shelf (@Shelf-nu)","GPL","VG-0274-480.webp",0,4,0],["elix-vg-1887","Elix","Library of customisable web components implementing common UI patterns with documented composable internals.",9,107,["web-components","primitives","patterns","accessibility"],"@elix","MIT","VG-1887-480.webp",0,5,0],["twgl-js-vg-1791","twgl.js","Tiny helper library removing WebGL boilerplate for buffers, uniforms, textures and framebuffers while staying close to the raw API.",12,344,["webgl","minimal","helpers","gpu"],"Gregg Tavares (@greggman)","MIT","VG-1791-480.webp",0,5,0],["inscribed-vg-0364","Inscribed","Excalidraw-based tool for making stop-motion animations and slide decks from hand sketches, exporting GIF or an embeddable iframe.",7,369,["excalidraw","animation","slides","sketch"],"@chunza2542","open-source","VG-0364-480.webp",0,3,0],["reverseui-vg-0312","ReverseUI","Collection of animated React UI components reverse-engineered from the interactions on well-known marketing and product sites.",7,93,["react","animation","components","ui"],"@kukaarmedin","paid","VG-0312-480.webp",0,3,0],["claude-code-hooks-mastery-vg-0058","claude-code-hooks-mastery","Reference project demonstrating every Claude Code hook event with runnable example implementations and explanations.",15,380,["claude-code","hooks","reference","automation"],"IndyDevDan (@disler)","open-source","VG-0058-480.webp",0,3,0],["awesome-claude-skills-composio-vg-0080","awesome-claude-skills (Composio)","Alternative curated list of Claude Skills, resources and tooling maintained by the Composio team with workflow-oriented grouping.",15,157,["claude-skills","awesome-list","composio"],"Composio (@ComposioHQ)","open-source","VG-0080-480.webp",0,4,0],["awesome-cursorrules-vg-0011","awesome-cursorrules","Large collection of .cursorrules and .mdc rule files organised by framework and language for Cursor and Windsurf.",15,350,["cursor","rules","windsurf","templates"],"PatrickJS (@PatrickJS)","open-source","VG-0011-480.webp",0,6,0],["zero-vg-0930","Zero","Query-driven sync engine that streams a subset of your Postgres data to the client and keeps reactive queries live with optimistic writes.",13,143,["sync","postgres","reactive","local-first"],"Rocicorp (@rocicorp)","open-source","VG-0930-480.webp",0,4,0],["figma-sprite-generator-vg-1025","Figma Sprite Generator","Packs selected Figma icons or frames into a sprite sheet plus a JSON coordinate manifest for game and web use.",4,381,["figma-plugin","sprite-sheet","export","icons"],"Omid Nikrah (@omidnikrah)","open-source","VG-1025-480.webp",0,6,0],["easy-easings-vg-0686","Easy Easings","Generates CSS linear() easing functions and keyframe blocks for non-cubic-bezier curves like bounces and springs.",3,59,["css","easing","linear","keyframes"],"Maurici Abad","free","VG-0686-480.webp",0,2,0],["typeit-vg-0198","TypeIt","Typewriter engine with queued strings, mid-string deletions, nested instances and full control over speed and cursor.",11,231,["typewriter","text","animation","javascript"],"Alex MacArthur (@amacarthur)","GPL","VG-0198-480.webp",0,4,0],["hocuspocus-vg-0918","Hocuspocus","Extensible WebSocket backend for Yjs with pluggable persistence, authentication hooks, webhooks and horizontal scaling via Redis.",13,143,["yjs","websocket","collaboration","backend"],"ueberdosis (@ueberdosis)","MIT","VG-0918-480.webp",0,6,0],["unlumen-ui-vg-1900","Unlumen UI","Open-source React and shadcn primitives with deliberate motion defaults, published as a small curated set rather than a mega-library.",9,382,["react","motion","primitives","shadcn"],"leovvx","open-source","VG-1900-480.webp",0,9,0],["claudecodeui-vg-0026","claudecodeui","Web and mobile progressive web app for driving Claude Code sessions remotely from a phone or browser.",15,383,["claude-code","ui","mobile","remote"],"Siteboon (@siteboon)","open-source","VG-0026-480.webp",0,4,0],["supabase-cache-helpers-vg-0880","Supabase Cache Helpers","Set of React Query and SWR hooks that derive cache keys from Supabase queries and keep realtime updates in sync automatically.",13,82,["supabase","react-query","caching","realtime"],"Philipp Steinrötter (@psteinroe)","MIT","VG-0880-480.webp",0,4,0],["navbar-gallery-vg-1618","Navbar Gallery","Gallery of navigation bars and menu patterns from live sites, including mega-menus and mobile behaviour.",0,35,["navigation","navbar","patterns","inspiration"],"Christina Liubynska (@Suupercharged)","free","VG-1618-480.webp",0,5,0],["three-mesh-bvh-vg-1774","three-mesh-bvh","Bounding volume hierarchy for Three.js geometry that makes raycasting, collision checks and clipping orders of magnitude faster.",12,384,["three.js","performance","raycasting","geometry"],"Garrett Johnson (@gkjohnson)","MIT","VG-1774-480.webp",0,3,0],["ripplix-vg-1636","Ripplix","Collection of interface animations and interaction clips gathered for motion reference.",0,21,["motion","interaction","ui","clips"],"","free","VG-1636-480.webp",0,6,0],["claude-scientific-skills-vg-0083","claude-scientific-skills","Ready-to-use scientific computing skills spanning data analysis, bioinformatics and research pipelines for Claude agents.",15,157,["claude-skills","science","data-analysis"],"K-Dense AI","open-source","VG-0083-480.webp",0,5,0],["microlighter-vg-2005","MicroLighter","Zero-dependency syntax highlighter using the CSS Custom Highlight API instead of span wrapping; ~2KB gzipped, 30+ languages, 10 themes.",13,385,["css","syntax-highlighting","zero-dependency","web-component","performance"],"Dave Rupert (@davatron5000)","MIT","VG-2005.png",0,3,0],["formito-favicon-maker-vg-0346","Formito Favicon Maker","Generator building SVG and PNG favicons from a letter or emoji with font, colour and background controls, emitting the head markup.",7,386,["favicon","svg","generator","branding"],"Hos Shams (@hosshams)","free","VG-0346-480.webp",0,2,0],["react-scan-vg-0941","React Scan","Overlay that highlights which React components re-render and how expensive each render is, with no code changes or babel plugin.",13,314,["react","performance","profiling","devtools"],"Aiden Bai (@aidenybai)","MIT","VG-0941-480.webp",0,5,0],["design-resources-vg-1548","design-resources","Single-repo index of roughly 440 free design resources across fonts, photos, icons, mockups and tooling.",0,221,["design-resources","assets","awesome-list","free"],"Reinaldo Simoes (@reinaldosimoes)","open-source","VG-1548-480.webp",0,4,0],["andrej-karpathy-skills-vg-0077","andrej-karpathy-skills","Drop-in CLAUDE.md distilling Karpathy-style coding guidelines into behavioural rules for coding agents.",15,387,["claude-md","rules","coding-style"],"multica-ai","open-source","VG-0077-480.webp",0,6,0],["party-js-vg-1919","party.js","Visual effects library for confetti, sparkles and custom particle bursts with a one-line API and deep config.",9,254,["confetti","sparkles","particles","effects"],"Ian Hornik (@yiliansource)","MIT","VG-1919-480.webp",0,3,0],["themux-vg-0616","Themux","shadcn/ui theme generator producing OKLCH-based CSS variable sets with live component previews across light and dark modes.",5,95,["shadcn","oklch","theming","dark-mode"],"Themux","free","VG-0616-480.webp",0,3,0],["brood-box-vg-0015","Brood Box","CLI that runs coding agents inside hardware-isolated virtual machines for safe autonomous operation.",15,305,["agents","sandbox","vm","security"],"Stacklok","open-source","VG-0015-480.webp",0,6,0],["tanstack-form-vg-1881","TanStack Form","Headless, type-safe form state management with async validation, field-level subscriptions and adapters for eight frameworks.",9,214,["forms","headless","typescript","tanstack"],"TanStack / Tanner Linsley (@tannerlinsley)","MIT","VG-1881-480.webp",0,7,0],["animere-vg-0183","animere","Scroll-triggered animation runner that drives Animate.css classes via IntersectionObserver with no configuration.",11,302,["scroll","intersection-observer","css","animation"],"Johann Schopplich (@johannschopplich)","MIT","VG-0183-480.webp",0,5,0],["vercel-og-image-playground-vg-0766","Vercel OG Image Playground","Live editor for Satori-based OG images where you write JSX and see the rendered social card update instantly.",3,100,["og-image","satori","jsx","social"],"Vercel","free","VG-0766-480.webp",0,2,0],["anatomy-of-ai-input-vg-0641","Anatomy of AI Input","Written breakdown of the AI chat input component — attachments, modes, model pickers, send states — with annotated examples.",3,388,["ai-ui","chat-input","patterns","analysis"],"Julien Thibeaut (@ibelick)","free","VG-0641-480.webp",0,2,0],["nextstep-vg-1917","NextStep","Lightweight onboarding tour library for Next.js and React with Framer Motion animation and cross-route tours.",9,254,["onboarding","nextjs","framer-motion","tour"],"Alex Z (@AlexZDevs, enszrlu)","MIT","VG-1917-480.webp",0,5,0],["slidytabs-vg-1819","SlidyTabs","Small library adding a sliding indicator animation to tab components with automatic measurement.",9,338,["react","tabs","animation","indicator"],"Justin Francos (@jfrancos)","MIT","VG-1819-480.webp",0,4,0],["vite-plugin-inspect-vg-0944","vite-plugin-inspect","Dev-server panel that shows each module's source after every Vite plugin transform, letting you step through the transform pipeline.",13,314,["vite","devtools","debugging","plugins"],"Anthony Fu (@antfu)","MIT","VG-0944-480.webp",0,4,0],["drizzle-lab-vg-0875","Drizzle Lab","Toolkit around Drizzle ORM providing a schema visualizer, local playground and VS Code extension for exploring relations and migrations.",13,82,["drizzle","postgres","visualizer","vscode"],"Raphaël Moreau (@rphlmr)","open-source","VG-0875-480.webp",0,5,0],["vizdom-vg-0458","vizdom","Zero-dependency TypeScript diagrams-as-code library that produces layouts without bundling Graphviz or a headless browser.",6,141,["typescript","diagram","layout","zero-deps"],"Vizdom (@vizdom-dev)","open-source","VG-0458-480.webp",0,3,0],["awesome-agents-md-vg-0009","awesome-agents-md","Curated real-world AGENTS.md files, templates, guides and tooling for Codex-style and cross-vendor agents.",15,350,["agents-md","templates","codex","rules"],"@Ischca","open-source","VG-0009-480.webp",0,3,0],["heroicons-animated-vg-1957","heroicons-animated","316 Heroicons rebuilt as animated React components with hover and state transitions.",9,26,["react","icons","animation","heroicons"],"Aniket Pawar (@alaymanguy)","MIT","VG-1957-480.webp",0,6,0],["claudedesignskills-vg-0084","claudedesignskills","Claude Code skill bundle for modern web work, specialising in 3D graphics, animation and interactive web experiences.",15,157,["claude-skills","3d","animation","frontend"],"@freshtechbro","open-source","VG-0084-480.webp",0,3,0],["awesome-svelte-vg-1544","awesome-svelte","Curated list of Svelte and SvelteKit libraries, components, tooling and learning resources.",0,221,["svelte","sveltekit","components","awesome-list"],"@TheComputerM","open-source","VG-1544-480.webp",0,5,0],["p5-capture-vg-1739","p5.capture","Drop-in p5.js recorder capturing sketches to WebM, GIF, MP4 or PNG sequences through a floating UI panel.",12,112,["p5js","recording","export","video"],"tapioca24 (@tapioca24)","MIT","VG-1739-480.webp",0,4,0],["css-tip-vg-0168","CSS Tip","Archive of three hundred plus short, demo-backed tips on modern CSS including masks, gradients, has() and scroll timelines.",11,312,["css","tips","masks","modern-css"],"Temani Afif (@ChallengesCss)","free","VG-0168-480.webp",0,5,0],["awesome-skills-vg-0094","Awesome Skills","Browsable web directory of Claude Skills and plugins with search and install instructions, rather than a flat markdown list.",15,389,["claude-skills","directory","browse"],"Ocean Path Ventures","free","VG-0094-480.webp",0,3,0],["encyclopedia-of-agentic-coding-patterns-vg-0008","Encyclopedia of Agentic Coding Patterns","Reference site documenting one hundred and ninety-plus patterns for building and operating coding agents.",15,390,["agents","patterns","reference","coding"],"Wolf McNally","free","VG-0008-480.webp",0,5,0],["gooey-react-vg-0145","gooey-react","Half-kilobyte React component applying the SVG gooey filter so overlapping shapes blob together like liquid metal.",11,333,["react","svg-filter","gooey","metaball"],"Luuk de Vlieger (@luukdv)","MIT","VG-0145-480.webp",0,7,0],["simpleparallax-js-vg-0186","simpleParallax.js","Applies parallax to images by transforming and scaling them within their container, avoiding layout shift.",11,302,["parallax","scroll","images","vanilla-js"],"Geoffrey Signorato (@geosigno)","MIT","VG-0186-480.webp",0,4,0],["p5-gui-vg-1741","p5.gui","p5.js addon that automatically generates a graphical control panel from the global variables in your sketch.",12,112,["p5js","gui","controls","prototyping"],"bitcraftlab (@bitcraftlab)","MIT","VG-1741-480.webp",0,5,0],["typeid-js-vg-0959","typeid-js","Implementation of type-prefixed, K-sortable UUIDv7 identifiers so IDs carry their entity type and sort chronologically.",13,273,["ids","uuid","database","typescript"],"Jetify (@jetify-com)","Apache-2.0","VG-0959-480.webp",0,5,0],["claude-code-development-kit-vg-0027","Claude Code Development Kit","Starter kit of commands for priming context, reviewing work, syncing docs and blocking secrets across Claude Code sessions.",15,289,["claude-code","documentation","context","hooks","review"],"Peter Krueck (@peterkrueck)","MIT","VG-0027-480.webp",0,5,0],["claude-code-infrastructure-showcase-vg-0078","Claude Code Infrastructure Showcase","Reference library of hook-based skill activation, modular skills, ten specialist agents and documentation patterns that survive context resets.",15,391,["claude-code","skills","hooks","agents","documentation"],"diet103","MIT","VG-0078-480.webp",0,4,0],["just-a-design-list-vg-1585","Just a Design List","Plain, unmonetised list of design resources maintained as a personal reference rather than an affiliate funnel.",0,72,["directory","resources","minimal"],"Wenceslao Sanz","free","VG-1585-480.webp",0,2,0],["crt-css-vg-0121","crt-css","Pure CSS CRT monitor effect adding scanlines, screen curvature, flicker and phosphor glow to any container.",11,392,["css","crt","retro","scanlines"],"(@D3nn7)","open-source","VG-0121-480.webp",0,8,0],["tree-style-tab-vg-0852","Tree Style Tab","Firefox extension replacing the tab strip with a vertical tree, where tabs opened from a page become collapsible children.",13,348,["firefox","tabs","extension","productivity","research"],"piroor / ClearCode","GPL","VG-0852-480.webp",0,4,0],["motion-skills-vg-0089","motion-skills","Fifty-plus motion graphics and animation skills for agents, covering easing, timelines, transitions and video-style sequences.",15,157,["claude-skills","motion","animation","design"],"iart.ai (@iart-ai)","open-source","VG-0089-480.webp",0,5,0],["figma-plugin-ds-vg-1010","figma-plugin-ds","Vanilla CSS and JS component library that matches Figma's own plugin UI, so your plugin looks native.",4,309,["figma-plugin","ui-kit","css","design-system"],"Tom Lowry (@tomlowry)","open-source","VG-1010-480.webp",0,6,0],["awesome-cursor-rules-mdc-vg-0010","awesome-cursor-rules-mdc","Machine-generated .mdc rule files derived from library documentation, one rule set per package.",15,350,["cursor","mdc","rules","generated"],"@sanjeed5","open-source","VG-0010-480.webp",0,4,0],["vitesse-theme-vg-0900","Vitesse Theme","VS Code color theme with a muted, low-saturation palette and matching light variant, tuned for long editing sessions.",13,270,["vscode","theme","design","aesthetic"],"Anthony Fu (@antfu)","MIT","VG-0900-480.webp",0,3,0],["e18e-cli-vg-0890","e18e CLI","Command-line scanner that inspects a codebase and reports replaceable dependencies and legacy patterns worth modernising, with suggested alternatives.",13,136,["npm","dependencies","cli","audit"],"e18e community","MIT","VG-0890-480.webp",0,6,0],["chrome-devtools-advanced-mcp-vg-0021","chrome-devTools-advanced-mcp","Chrome automation MCP combining Playwright and CDP with network interception, HAR record and replay, and accessibility testing.",15,361,["mcp","chrome","har","accessibility"],"@Eddym06","open-source","VG-0021-480.webp",0,4,0],["svgl-vg-1897","SVGL","Searchable library of 660+ brand logos as clean SVGs with light/dark variants, wordmark options and a public API.",9,393,["svg","logos","assets","api"],"Pablo Hernández (@pheralb_)","MIT","VG-1897-480.webp",0,5,0],["front-end-daily-challenges-vg-0171","front-end-daily-challenges","One hundred seventy front-end challenges solved with pure CSS, covering art, effects, loaders and layout tricks.",11,312,["css","challenges","effects","snippets"],"(@comehope)","MIT","VG-0171-480.webp",0,4,0],["huds-guis-vg-1603","HUDS+GUIS","Gallery of heads-up displays and speculative interface design from games, film and concept work.",0,22,["hud","fui","inspiration","speculative"],"Jono Yuen","free","VG-1603-480.webp",0,6,0],["mega-doodles-pack-vg-0745","Mega Doodles Pack","Open-source pack of hand-drawn doodle objects and characters in SVG and Sketch, free for any use.",3,25,["illustration","doodles","svg","open-source"],"Maria Letta (@MariaLetta)","free","VG-0745-480.webp",0,3,0],["advanced-threejs-tsl-webgpu-rendering-vg-1776","advanced-threejs-tsl-webgpu-rendering","Guide and code patterns for optimizing Three.js WebGPU rendering with TSL, covering compute shaders, instancing and memory layout.",12,394,["tsl","webgpu","three.js","performance"],"David Ronai / Makio64 (@Makio64)","MIT","VG-1776-480.webp",0,3,0],["composables-vg-1307","Composables","Registry of copy-paste Compose Multiplatform UI components with live previews and source.",14,199,["compose","registry","components","kotlin"],"Composables","free","VG-1307-480.webp",0,3,0],["nexusui-vg-1106","NexusUI","Web Audio interface toolkit of dials, sliders, sequencers, XY pads and piano keyboards as ready-made components.",10,91,["web-audio","ui-controls","synth","components"],"Nexus (@nexus-js)","MIT","VG-1106-480.webp",0,4,0],["vectornest-vg-0375","VectorNest","Browser SVG editor built around a plugin architecture, so editing tools and panels are added as independent modules.",7,186,["svg","editor","plugins","browser"],"ekrsulov","unknown","VG-0375-480.webp",0,4,0],["opencut-vg-0270","OpenCut","Free video editor for web, desktop and mobile positioned as a CapCut alternative, with a plugin and editor API.",8,17,["video-editor","rust","web","capcut"],"OpenCut (@OpenCut-app)","MIT","VG-0270-480.webp",0,3,0],["figma-to-react-native-vg-1050","figma-to-react-native","Converts Figma components into React Native / React Native Web code with design token and variant support.",4,276,["figma-to-code","react-native","components","tokens"],"Kat Tax (@kattax)","open-source","VG-1050-480.webp",0,4,0],["figma-graphql-vg-1009","figma-graphql","GraphQL wrapper over the Figma REST API so you can request exactly the nodes and props you need.",4,309,["figma-api","graphql","query","tooling"],"Bernardo Raposo (@braposo)","MIT","VG-1009-480.webp",0,6,0],["generative-loaders-vg-1471","Generative Loaders","Accessible React loading components purpose-built for generative interfaces: streamed text, inline activity and image generation.",2,376,["react","loading","generative-ui","accessible"],"Kasturi Khanke","open-source","VG-1471-480.webp",0,3,0],["e18e-mcp-vg-0891","e18e MCP","Model Context Protocol server that lets AI coding agents query legacy-pattern and dependency-replacement advice while editing a repository.",13,136,["mcp","ai-agents","dependencies","tooling"],"e18e community","MIT","VG-0891-480.webp",0,5,0],["voronoi-websvg-vg-0117","voronoi (WebSVG)","Parametric Voronoi pattern generator with real-time editing and SVG export for backgrounds and dividers.",11,249,["svg","voronoi","generator","pattern"],"WebSVG (@WebSVG)","open-source","VG-0117-480.webp",0,3,0],["jamstack-themes-astro-vg-0242","Jamstack Themes — Astro","Filterable index of Astro themes by CMS integration, licence and category with live demos.",8,13,["astro","jamstack","themes","cms"],"Jamstack Themes","free","VG-0242-480.webp",0,3,0],["penpot-exporter-for-figma-vg-1019","Penpot Exporter for Figma","Figma plugin that exports a whole file into Penpot format so you can migrate off Figma without redrawing.",4,291,["figma-plugin","penpot","migration","export"],"Penpot / Kaleidos","open-source","VG-1019-480.webp",0,2,0],["border-beam-vg-0648","Border Beam","Configurable React component that animates a light beam travelling around an element's border, with live controls and copyable code.",3,395,["react","border","animation","microtool"],"Jakub Antalík (@jantalik)","free","VG-0648-480.webp",0,7,0],["glass-ui-vg-0139","glass-ui","CSS component library implementing the glassmorphism spec across cards, navbars, buttons and form controls.",11,396,["css","glassmorphism","components","ui-kit"],"Themesberg (@themesberg)","MIT","VG-0139-480.webp",0,4,0],["ui-playbook-vg-1574","UI Playbook","Documented collection of UI components describing behaviour, states and edge cases rather than just visuals.",0,96,["components","documentation","behaviour"],"Rauno Freiberg (@raunofreiberg)","free","VG-1574-480.webp",0,3,0],["fakeclients-vg-0770","FakeClients","Randomised client briefs for logo, web, UX, graphic design, illustration and writing, with a feedback board for finished work.",3,108,["briefs","practice","portfolio","ux","feedback"],"August van de Ven","freemium","VG-0770-480.webp",0,4,0],["awesome-system-prompts-vg-0102","awesome-system-prompts","Collection of system prompts and full tool definitions from Augment, Claude Code, Cursor, Devin, Kiro and VSCode Agent.",15,287,["system-prompts","tool-definitions","agents"],"@EliFuzz","open-source","VG-0102-480.webp",0,4,0],["typst-vg-0906","Typst","Markup-based document system with instant preview, real scripting and readable errors, compiling to PDF, images or web pages.",13,334,["typesetting","pdf","latex-alternative","documents"],"Typst GmbH (@typst)","freemium","VG-0906-480.webp",0,8,0],["zola-vg-0281","Zola","Self-hostable multi-model chat interface supporting OpenAI, Claude, Gemini and local Ollama with file uploads and BYOK.",8,17,["ai","chat","nextjs","shadcn"],"Julien Thibeaut (@ibelick)","Apache-2.0","VG-0281-480.webp",0,5,0],["loki-vg-0980","Loki","Visual regression tool for Storybook that renders stories in Chrome, iOS simulator or Android emulator and diffs the results.",13,282,["visual-regression","storybook","react-native","diff"],"Joel Arvidsson (@oblador)","MIT","VG-0980-480.webp",0,4,0],["dropflow-vg-0352","Dropflow","Standalone CSS layout engine for Node and canvas handling inlines, floats, positioning and bidi text, rendering to PDF or images.",7,397,["css","layout","node","pdf"],"Caleb Hearon (@chearon)","MIT","VG-0352-480.webp",0,2,0],["react-simple-maps-vg-0504","react-simple-maps","React SVG mapping components built on d3-geo, aimed at static thematic maps rather than slippy tile maps.",6,6,["react","svg","choropleth","d3-geo"],"z creative labs (@zcreativelabs)","MIT","VG-0504-480.webp",0,4,0],["svg-filter-editor-vg-0191","svg-filter-editor","Node-based visual editor for composing SVG filter graphs, exporting the resulting filter markup.",11,346,["svg-filter","editor","tool","node-based"],"Vlad Poletaev (@poletaevvlad)","open-source","VG-0191-480.webp",0,3,0],["termcn-vg-1977","termcn","Terminal-styled React components rendering panels, prompts and TUI-like widgets in the browser.",9,26,["react","terminal","tui","shadcn"],"Aniket Pawar (@alaymanguy)","MIT","VG-1977-480.webp",0,4,0],["kokomi-js-vg-1769","kokomi.js","Growing vanilla Three.js helper library with component base classes, asset managers, shader passes and scroll or pointer utilities.",12,384,["three.js","helpers","shaders","webgl"],"alphardex (@alphardex)","MIT","VG-1769-480.webp",0,5,0],["include-accessibility-annotations-vg-1022","Include - Accessibility Annotations","Open-source eBay plugin that walks designers through annotating headings, focus order, alt text and landmarks directly on frames.",4,398,["figma-plugin","accessibility","annotations","handoff"],"eBay Accessibility team","open-source","VG-1022-480.webp",0,5,0],["oss-friends-vg-0244","OSS Friends","Cross-linked directory maintained by open-source startups listing each other's products, updated as a live feed.",8,13,["open-source","directory","startups","saas"],"Papermark (@mfts0)","free","VG-0244-480.webp",0,4,0],["papermark-vg-0272","Papermark","DocSend alternative for sharing documents with per-viewer analytics, custom domains, link expiry and data rooms.",8,17,["nextjs","documents","analytics","docsend"],"Marc Seitz (@mfts0)","GPL","VG-0272-480.webp",0,4,0],["smooth-cursor-vg-0131","smooth-cursor","Physics-based smooth cursor component for React with spring stiffness, damping and rotation-on-velocity options.",11,284,["react","cursor","spring","physics"],"Parth (@Code-Parth)","MIT","VG-0131-480.webp",0,4,0],["nerdy-dev-vg-1488","nerdy.dev","Personal site of a Chrome CSS advocate publishing modern CSS motion techniques, scroll-driven animation demos and interaction experiments.",2,32,["css","blog","scroll","experiments"],"Adam Argyle (@argyleink)","free","VG-1488-480.webp",0,5,0],["claude-replay-vg-0037","claude-replay","Converts Claude Code session transcripts into an interactive HTML replay you can scrub and share.",15,248,["claude-code","transcript","html","replay"],"@es617","open-source","VG-0037-480.webp",0,3,0],["knock-in-app-components-vg-1840","Knock in-app components","Customer messaging infrastructure shipping React feed, toast and inline in-app message components driven by backend workflows.",9,60,["notifications","feed","react","messaging"],"Knock Labs (@knocklabs)","freemium","VG-1840-480.webp",0,4,0],["atomic-design-vg-0537","Atomic Design","Brad Frost's book, free in full online, defining the atoms-to-pages hierarchy most design systems still organise around.",5,5,["atomic-design","methodology","book","hierarchy"],"Brad Frost (@brad_frost)","free","VG-0537-480.webp",0,5,0],["autoanimate-vg-1525","AutoAnimate","Drop-in utility that watches a parent element and automatically animates children being added, removed or reordered.",2,399,["react","vue","list-animation","zero-config"],"FormKit (@formkit)","MIT","VG-1525-480.webp",0,2,0],["cyberchef-vg-0873","CyberChef","Browser workbench for chaining data operations: base64, XOR, AES, hashing, compression, hexdumps, X.509 and character-encoding conversions.",13,400,["encoding","encryption","hashing","data","client-side"],"GCHQ","Apache-2.0","VG-0873-480.webp",0,5,0],["figplug-vg-1014","figplug","Zero-config build tool for Figma plugins by the creator of Inter, with TypeScript and single-file bundling.",4,309,["figma-plugin","build-tool","typescript","bundler"],"Rasmus Andersson (@rsms)","open-source","VG-1014-480.webp",0,1,0],["codemyui-microinteractions-vg-1458","CodeMyUI Microinteractions","Tagged archive of microinteraction demos harvested from CodePen and Dribbble, each with embedded runnable source.",2,401,["gallery","microinteractions","codepen","snippets"],"Saijo George (@SaijoGeorge)","free","VG-1458-480.webp",0,4,0],["awesome-css-houdini-vg-0126","awesome-css-houdini","Curated index of CSS Houdini worklets, polyfills, specs, talks and experiments across the Paint, Layout and Typed OM APIs.",11,316,["houdini","paint-worklet","css","awesome-list"],"CSSHoudini (@CSSHoudini)","open-source","VG-0126-480.webp",0,3,0],["canvas-sketch-util-vg-1708","canvas-sketch-util","Utility package of seeded random, geometry, colour, math and shader helpers extracted from the canvas-sketch workflow.",12,97,["generative-art","random","math","utils"],"Matt DesLauriers (@mattdesl)","MIT","VG-1708-480.webp",0,2,0],["avoid-ai-writing-vg-0062","avoid-ai-writing","Skill with a detection engine that strips AI-isms, filler transitions and hedging from generated prose.",15,345,["claude-skills","writing","editing","prose"],"Conor Bronsdon (@conorbronsdon)","open-source","VG-0062-480.webp",0,5,0],["intro-js-vg-1915","Intro.js","10KB step-by-step onboarding tour library with hints and a dual AGPL/commercial licence.",9,254,["product-tour","onboarding","vanilla-js","hints"],"Usablica (@usablica)","GPL","VG-1915-480.webp",0,3,0],["shader-school-vg-1288","Shader School","Command-line workshopper with self-contained exercises teaching GLSL and WebGL fundamentals through failing tests.",1,402,["glsl","webgl","workshop","nodejs"],"stackgl / Mikola Lysenko (@mikolalysenko)","MIT","VG-1288-480.webp",0,4,0],["p5live-vg-1734","P5LIVE","Collaborative live-coding environment for p5.js with multiplayer sessions, autocompile, sketch sharing and MIDI hooks.",12,51,["p5js","live-coding","collaboration","vj"],"Ted Davis (@ffd8)","MIT","VG-1734-480.webp",0,3,0],["dotmatrix-vg-1951","dotmatrix","Open collection of 55+ loaders and spinners built with CSS and React, free to copy.",9,26,["react","css","loaders","animation"],"Shawn (@zzzzshawn)","open-source","VG-1951-480.webp",0,6,0],["abordage-awesome-mcp-vg-0068","abordage/awesome-mcp","Automatically refreshed daily index of MCP servers, clients and frameworks with activity signals baked in.",15,403,["mcp","awesome-list","automated"],"@abordage","open-source","VG-0068-480.webp",0,4,0],["radiant-vg-1747","Radiant","Collection of 130+ production-ready web shaders, each a self-contained HTML file with no build step, dependencies or bundler.",12,404,["shaders","webgl","effects","copy-paste","interactive"],"Paul Bakaus (@pbakaus)","MIT","VG-1747-480.webp",0,4,0],["figma-lottie-vg-1048","figma-lottie","Exports Figma frames and Smart Animate transitions into Lottie JSON for use in web and mobile motion.",4,276,["figma-plugin","lottie","motion","export"],"robinetbatman","open-source","VG-1048-480.webp",0,5,0],["monocart-reporter-vg-0982","monocart-reporter","Playwright reporter that renders suites, cases and steps in a sortable data grid with attachments, trace links and code coverage.",13,282,["playwright","reporter","coverage","ci"],"cenfun (@cenfun)","MIT","VG-0982-480.webp",0,4,0],["typewolf-vg-0833","Typewolf","Ongoing catalogue of real websites annotated with the exact fonts used, plus font-pairing and alternative recommendations.",3,24,["fonts","inspiration","pairing","typography"],"Jeremiah Shoaf (@typewolf)","free","VG-0833-480.webp",0,1,0],["ogl-vg-1788","OGL","Minimal unopinionated WebGL library exposing raw GL concepts through small helper classes without scene-graph overhead.",12,344,["webgl","minimal","3d","shaders"],"Nathan Gordon (@gordonnl)","MIT","VG-1788-480.webp",0,5,0],["griffo-vg-0194","griffo","Kerning-aware text splitting for React that preserves letter-spacing when splitting into characters for staggered animation.",11,231,["react","text","split","typography"],"(@dimicx)","MIT","VG-0194-480.webp",0,4,0],["openalternative-vg-0243","OpenAlternative","Curated directory of open source alternatives to proprietary SaaS, with GitHub health metrics and category browsing.",8,13,["open-source","directory","alternatives","saas"],"Piotr Kulpinski (@piotrkulpinski)","free","VG-0243-480.webp",0,4,0],["documenso-vg-0261","Documenso","Open DocuSign alternative for legally binding e-signatures with templates, teams, audit trail and self-hosting.",8,17,["nextjs","esignature","docusign","prisma"],"Documenso (@documenso)","GPL","VG-0261-480.webp",0,4,0],["css-generators-vg-0124","CSS Generators","Twenty parameterised generators for CSS-only shapes, ribbons, tooltips, gradient shadows, section dividers and fancy borders.",11,59,["css","generator","shapes","shadows"],"Temani Afif (@ChallengesCss)","free","VG-0124-480.webp",0,5,0],["squircle-by-space-ui-vg-2014","Squircle by Space UI","Tailwind plugin rendering true superellipse squircles via the CSS Houdini Paint Worklet, with adjustable smoothing and rounded-corner fallback.",11,316,["squircle","houdini","paint-worklet","tailwind","ios"],"Space UI","MIT","VG-2014.png",0,5,0],["zdog-vg-1699","Zdog","Pseudo-3D engine rendering round, flat, designer-friendly vector illustrations on canvas or SVG with genuine 3D rotation.",12,405,["2d","3d","svg","canvas"],"David DeSandro (@desandro)","MIT","VG-1699-480.webp",0,4,0],["react-fast-marquee-vg-0166","react-fast-marquee","React marquee component using pure CSS animation with pause-on-hover, gradient edges, direction and speed props.",11,406,["react","marquee","css","scrolling"],"Justin Chu (@justin-chu)","MIT","VG-0166-480.webp",0,6,0],["claude-plugins-sgaunet-vg-0033","claude-plugins (sgaunet)","Focused collection of Claude Code plugins bundling specialised agents, skills and slash commands for development workflows.",15,319,["claude-code","plugins","agents","commands"],"@sgaunet","open-source","VG-0033-480.webp",0,5,0],["typograf-vg-1032","Typograf","Applies typographic correction to Figma text - proper quotes, dashes, non-breaking spaces - across a selection.",4,373,["figma-plugin","typography","punctuation","text"],"Gleb Olmakov (@golmakov)","open-source","VG-1032-480.webp",0,4,0],["33-javascript-concepts-vg-1273","33 JavaScript Concepts","Curated syllabus of thirty-three core JavaScript concepts, each with articles, videos and code, translated into forty-plus languages.",1,407,["javascript","learning","fundamentals","curriculum"],"Leonardo Maldonado (@leonardomso)","MIT","VG-1273-480.webp",0,2,0],["dynamic-marquee-vg-0165","dynamic-marquee","Marquee library where items can be added and removed while scrolling, supporting arbitrary DOM nodes and directions.",11,406,["marquee","vanilla-js","ticker","dom"],"Tom Jenkinson (@tjenkinson)","MIT","VG-0165-480.webp",0,5,0],["canvas-sketch-vg-1707","canvas-sketch","Framework and CLI for generative artwork in JavaScript with deterministic seeding, print-resolution export and video recording.",12,97,["generative-art","canvas","webgl","export"],"Matt DesLauriers (@mattdesl)","MIT","VG-1707-480.webp",0,6,0],["protopie-vg-1003","ProtoPie","High-fidelity prototyping tool with variables, formulas, sensors and cross-device triggers, used for automotive and hardware HMI work.",4,81,["prototyping","interaction","sensors","hardware"],"ProtoPie","freemium","VG-1003-480.webp",0,5,0],["personal-sites-vg-1692","Personal Sites","Directory of personal websites, useful for portfolio ideas that are not agency landing-page clones.",0,75,["personal-sites","portfolio","indieweb","directory"],"Andy Bell","free","VG-1692-480.webp",0,3,0],["accessible-color-systems-vg-1210","Accessible Color Systems","Stripe engineering post on building a colour system that guarantees contrast ratios while preserving brand hue relationships.",1,371,["color","accessibility","design-system","contrast"],"Stripe design team","free","VG-1210-480.webp",0,3,0],["awesome-claude-skills-travisvn-vg-0081","awesome-claude-skills (travisvn)","Curated index of official and community Claude Skills with per-entry notes, plus authoring tools and marketplaces for skills.",15,157,["claude-skills","awesome-list","directory"],"@travisvn","open-source","VG-0081-480.webp",0,3,0],["how-to-pick-the-least-wrong-colors-vg-1212","How to pick the least wrong colors","Long essay deriving an algorithm for generating accessible, perceptually even colour palettes, with interactive demos.",1,371,["color","accessibility","algorithm","palette"],"Matthew Ström (@ilikescience)","free","VG-1212-480.webp",0,4,0],["agentic-workflow-patterns-vg-0007","agentic-workflow-patterns","Catalogue of agentic workflow patterns documented with Mermaid diagrams and implementation notes.",15,390,["agents","patterns","architecture","diagrams"],"Thibaut Melen (@ThibautMelen)","open-source","VG-0007-480.webp",0,4,0],["anchorpop-vg-0167","anchorpop","Self-positioning popovers built entirely on native CSS anchor positioning with no JavaScript positioning library.",11,312,["css","anchor-positioning","popover","no-js"],"Johannes Mutter (@johannesmutter)","MIT","VG-0167-480.webp",0,5,0],["wds-shadcn-registry-vg-1995","WDS Shadcn Registry","Ten accessible components designed to slot alongside shadcn, published by the Web Dev Simplified channel.",9,408,["shadcn","react","accessibility","components"],"Kyle Cook / Web Dev Simplified","open-source","VG-1995-480.webp",0,4,0],["svg-artista-vg-1480","SVG Artista","Web tool that takes pasted SVG markup and generates CSS keyframes animating stroke-dashoffset and fill for draw-on effects.",2,150,["svg","css","line-drawing","generator"],"Sergej Skrjanec & Ana Travas","MIT","VG-1480-480.webp",0,3,0],["reg-suit-vg-0986","reg-suit","Visual regression CI framework that stores baseline images in S3 or GCS and publishes an interactive HTML diff report per commit.",13,282,["visual-regression","ci","diff","report"],"reg-viz (@reg-viz)","MIT","VG-0986-480.webp",0,4,0],["mailing-vg-1843","Mailing","Compose transactional emails as React components with a dev preview UI and send from any Node backend.",9,60,["react","email","node","preview"],"Alex Farrill and Ben Sinclair","MIT","VG-1843-480.webp",0,2,0],["agentcn-vg-1798","agentcn","Registry of reusable AI agent recipes and UI scaffolding built on the Eve and Flue runtimes, installable as owned source.",9,325,["ai-agents","react","registry","shadcn"],"shadcn-labs","MIT","VG-1798-480.webp",0,3,0],["system-uicons-vg-0736","System UIcons","Icon set drawn specifically for dense product interfaces, with an unusual visual restraint and steady release cadence.",3,101,["icons","ui","svg","minimal"],"Corey Ginnivan","free","VG-0736-480.webp",0,1,0],["a-primer-on-b-zier-curves-vg-1252","A Primer on Bézier Curves","Free interactive book covering Bézier math, de Casteljau, offsetting, intersection, arc approximation and curve fitting.",1,142,["math","curves","interactive","graphics"],"Pomax (@TheRealPomax)","open-source","VG-1252-480.webp",0,3,0],["design-books-vg-1580","Design Books","Curated reading list covering usability, design systems, typography and interface craft rather than general business books.",0,72,["books","reading-list","typography","craft"],"Bridger Tower","free","VG-1580-480.webp",0,3,0],["sinwaver-vg-0789","Sinwaver","Purpose-built generator for mathematically precise SVG sine waves with frequency, amplitude and phase controls.",3,3,["svg","waves","math","generator"],"Hugo Duprez","free","VG-0789-480.webp",0,1,0],["databasement-vg-0950","Databasement","Self-hosted web app for scheduling, monitoring and restoring database backups across Postgres, MySQL, MongoDB, SQLite and more.",13,349,["backups","self-hosted","postgres","mysql","s3"],"David-Crty","MIT","VG-0950-480.webp",0,4,0],["eldora-ui-vg-1952","Eldora UI","Registry of animated React and Tailwind components, blocks and page templates installable with the shadcn CLI.",9,26,["react","tailwind","animation","registry"],"Karthik Mudunuri (@kartikmudunuri)","MIT","VG-1952-480.webp",0,3,0],["useanimations-vg-1477","useAnimations","Library of small animated icons — play/pause, menu/close, loading, heart — delivered as Lottie-backed React and vanilla components.",2,153,["icons","lottie","react","micro-interaction"],"Patrik Svoboda (@thesvob)","free","VG-1477-480.webp",0,4,0],["framecn-vg-1996","framecn","React component registry for building video interfaces — players, timelines, scrubbers and frame-accurate controls — installed via shadcn CLI.",9,409,["react","video","player","registry"],"shadcn-labs","MIT","VG-1996-480.webp",0,4,0],["two-js-vg-1698","Two.js","Renderer-agnostic two-dimensional drawing API that outputs to SVG, canvas or WebGL from one scene description.",12,405,["2d","svg","canvas","webgl"],"Jono Brandel (@jonobr1)","MIT","VG-1698-480.webp",0,4,0],["oklch-fyi-vg-0674","OKLCH.fyi","Convert, generate and explore OKLCH colours and build perceptually even palettes from them.",3,410,["color","oklch","palette","generator"],"Jakub Krehel (@jakubkrehel)","free","VG-0674-480.webp",0,1,0],["btns-vg-0151","btns","Collection of buttons with unusual hover effects, each implemented as isolated copy-paste HTML and CSS.",11,332,["css","buttons","hover","snippets"],"Enjeck Cleopatra (@enjeck)","MIT","VG-0151-480.webp",0,6,0],["three-js-resources-vg-1718","Three.js Resources","Directory of Three.js tools, shader editors, asset optimizers, tutorials and learning resources, organized and regularly updated.",12,13,["three.js","directory","tools","webgl"],"Three.js Resources","free","VG-1718-480.webp",0,5,0],["red-hat-design-system-vg-0604","Red Hat Design System","Red Hat's system built on framework-agnostic web components with strict token layering and published a11y test results.",5,65,["web-components","tokens","accessibility","enterprise"],"Red Hat","MIT","VG-0604-480.webp",0,4,0],["skott-vg-0872","skott","Static analysis tool that builds a dependency graph of a JS/TS project, finds cycles and unused files, and renders it in a browser UI.",13,335,["typescript","dependency-graph","static-analysis","monorepo"],"Antoine Coulon (@antoine-coulon)","MIT","VG-0872-480.webp",0,5,0],["graphtoy-vg-1763","GraphToy","Interactive plotter for GLSL-style math functions showing up to six formulas at once for shaping signals and curves.",12,411,["glsl","math","visualization","shaders"],"Inigo Quilez (@iquilezles)","free","VG-1763-480.webp",0,4,0],["inspira-ui-vg-1903","Inspira UI","Animated Vue and Nuxt component library porting Aceternity and Magic UI style effects to the Vue ecosystem.",9,165,["vue","nuxt","animation","components"],"Rahul V (@rahulv-official)","MIT","VG-1903-480.webp",0,6,0],["remove-unused-vars-vg-0871","remove-unused-vars","Codemod CLI that strips unused variables, imports and parameters from source files while preserving surrounding formatting and comments.",13,335,["codemod","cleanup","typescript","cli"],"Lars Kappert (@webpro)","MIT","VG-0871-480.webp",0,4,0],["svg-text-animate-vg-0196","svg-text-animate","Converts text into SVG stroke paths and animates the drawing, supporting custom fonts and per-letter timing.",11,231,["svg","text","stroke","animation"],"(@oubenruing)","MIT","VG-0196-480.webp",0,5,0],["smart-ticker-vg-0195","smart-ticker","Diff-aware animated number and text ticker for React, Vue and Svelte that only animates changed characters.",11,231,["ticker","numbers","react","animation"],"(@tombcato)","MIT","VG-0195-480.webp",0,3,0],["hy5-vg-1732","HY5","Library fusing Hydra video synthesis into p5.js sketches so both share textures inside one live-coding context.",12,51,["hydra","p5js","live-coding","shaders"],"Ted Davis (@ffd8)","MIT","VG-1732-480.webp",0,4,0],["agentation-vg-0845","Agentation","Visual feedback tool letting you point at parts of a rendered UI and hand that context to a coding agent.",13,412,["ai-agents","feedback","visual","workflow"],"Benji Taylor (@benjitaylor), Dennis Jin (@seldom) & Alex Vanderzon (@alexvanderzon)","freemium","VG-0845-480.webp",0,3,0],["livestore-vg-0923","LiveStore","Event-sourced local-first data layer that keeps an in-memory SQLite read model derived from an append-only log of events.",13,143,["local-first","sqlite","event-sourcing","sync"],"Johannes Schickling (@schickling)","open-source","VG-0923-480.webp",0,3,0],["magicpattern-mesh-gradients-vg-1730","MagicPattern Mesh Gradients","Online mesh gradient maker producing liquid warped gradients exportable as PNG, SVG or CSS for web use.",12,413,["gradients","mesh","generator","design"],"MagicPattern (@magicpatterns)","freemium","VG-1730-480.webp",0,5,0],["awesome-agents-vg-0005","awesome-agents","Curated index of AI agent frameworks, platforms and protocols with categorisation by use case.",15,362,["agents","frameworks","awesome-list"],"Kyro Labs (@kyrolabs)","open-source","VG-0005-480.webp",0,6,0],["design-prompts-vg-0639","Design Prompts","Thirty-one visual styles rendered from identical data, each paired with the AI prompt needed to reproduce that aesthetic.",3,414,["ai","prompts","visual-style","inspiration","ui"],"Design Prompts","free","VG-0639-480.webp",0,2,0],["figma-api-stub-vg-1008","figma-api-stub","Mock implementation of the Figma plugin API so you can unit-test plugin logic in Jest without opening Figma.",4,309,["figma-plugin","testing","mocks","jest"],"react-figma","MIT","VG-1008-480.webp",0,6,0],["efferd-vg-1898","efferd","Collection of shadcn/ui blocks for modern marketing sites, with 200+ ready sections.",9,415,["blocks","marketing","shadcn","tailwind"],"efferd","freemium","VG-1898-480.webp",0,8,0],["zebra-vg-1024","Zebra","Lightweight open-source contrast checker for Figma that samples selected layers and reports pass/fail without leaving the canvas.",4,398,["figma-plugin","contrast","wcag","color"],"Dan Hollick (@danhollick)","open-source","VG-1024-480.webp",0,5,0],["figmac-vg-1018","Figmac","Native macOS wrapper for Figma with tabs, offline-friendly windowing and system integration.",4,291,["figma","macos","desktop","productivity"],"Figmac","freemium","VG-1018-480.webp",0,4,0],["great-animations-vg-1487","Great Animations","Essay breaking down what separates animations that feel good from ones that feel wrong, with side-by-side interactive comparisons.",2,32,["essay","principles","easing","interaction"],"Emil Kowalski (@emilkowalski)","free","VG-1487-480.webp",0,4,0],["claude-code-personalities-vg-0097","Claude-Code-Personalities","Statusline that reacts to what the agent is doing with kaomoji expressions and mood states.",15,355,["claude-code","statusline","kaomoji","fun"],"@kumamaki","open-source","VG-0097-480.webp",0,5,0],["tremor-vg-0442","Tremor","Thirty-five open-source React dashboard components — charts, KPI cards, filters, pickers — built on Recharts, Radix and Tailwind.",6,416,["react","charts","dashboard","tailwind","recharts"],"Tremor Labs / Vercel (@tremorlabs)","Apache-2.0","VG-0442-480.webp",0,3,0],["shadcn-themer-vg-0372","shadcn Themer","Theme builder and gallery for shadcn/ui using an OKLCH colour picker, Google Fonts selection and radius controls, exporting ready CSS variables.",7,417,["shadcn","theming","oklch","css"],"Mike Tromba (@miketromba)","free","VG-0372-480.webp",0,4,0],["awesome-claude-code-hooks-vg-0057","awesome-claude-code-hooks","Curated collection of Claude Code hooks for event-driven automation across the agent lifecycle.",15,380,["claude-code","hooks","automation","awesome-list"],"@ithiria894","open-source","VG-0057-480.webp",0,6,0],["regl-vg-1790","regl","Functional stateless WebGL abstraction where draw commands are declared as data and the library manages all GL state.",12,344,["webgl","functional","gpu","rendering"],"Mikola Lysenko (@mikolalysenko)","MIT","VG-1790-480.webp",0,6,0],["novel-vg-0269","Novel","Notion-style WYSIWYG editor built on Tiptap with AI autocompletion, slash commands and bubble menus.",8,17,["editor","tiptap","ai","notion"],"Steven Tey (@steventey)","Apache-2.0","VG-0269-480.webp",0,4,0],["animations-on-the-web-vg-1483","Animations on the Web","Course on web animation theory and implementation covering easing choice, duration, orchestration and performance, taught through interactive lessons.",2,32,["course","animation","css","react"],"Emil Kowalski (@emilkowalski)","paid","VG-1483-480.webp",0,3,0],["ralph-guide-vg-2019","Ralph Guide","Walkthrough of the Ralph technique: running a coding agent in a repeating loop against a spec until every item is finished.",15,390,["agents","ralph-loop","claude-code","autonomous","workflow"],"","free","VG-2019.png",20683,4,0],["dark-mode-design-vg-1684","Dark Mode Design","Gallery collecting only dark-themed websites, with filtering to study dark palette and contrast decisions.",0,75,["dark-mode","inspiration","color","gallery"],"Cai Cardenas","free","VG-1684-480.webp",0,7,0],["gradient-border-plugin-vg-0815","Gradient Border Plugin","Tailwind CSS plugin that adds proper gradient borders without the usual pseudo-element and background-clip hacks.",3,418,["tailwind","css","gradient","border"],"Florian Kiem","MIT","VG-0815-480.webp",0,3,0],["copy-to-figma-vg-2012","Copy to Figma","Library that puts colour palettes, type scales, icon grids and full styleguides on the clipboard as SVG you paste into Figma as editable frames.",4,419,["figma","clipboard","svg","styleguide","design-tokens"],"jinero-online","MIT","VG-2012.png",0,5,0],["tanstack-db-vg-0925","TanStack DB","Reactive client data layer with differential dataflow collections, typed live queries and optimistic mutations layered over any backend.",13,143,["tanstack","reactive","client-store","sync"],"Tanner Linsley (@tannerlinsley)","MIT","VG-0925-480.webp",0,3,0],["fontshare-vg-0824","Fontshare","Free-for-commercial-use typeface library from Indian Type Foundry, with variable fonts and full family downloads.",3,24,["fonts","variable-fonts","foundry","free"],"Indian Type Foundry","free","VG-0824-480.webp",0,1,0],["viewport-ui-vg-1679","Viewport UI","Collection of UI screens captured across viewport sizes for responsive design reference.",0,42,["responsive","viewport","ui-patterns","reference"],"Fer & Eryc","free","VG-1679-480.webp",0,5,0],["the-league-of-moveable-type-vg-0831","The League of Moveable Type","The original open-source type foundry, still shipping well-hinted free webfont families with proper licensing.",3,24,["fonts","libre","foundry","webfonts"],"The League of Moveable Type","open-source","VG-0831-480.webp",0,2,0],["cables-gl-vg-1779","cables.gl","Node-based visual programming environment for building interactive WebGL scenes and exporting them as embeddable pages.",12,420,["webgl","node-based","creative-coding","interactive"],"undev (undefined development UG)","open-source","VG-1779-480.webp",0,2,0],["ai-glossary-vg-0640","AI Glossary","Plain-language glossary of AI interface and model terminology aimed at designers and design engineers.",3,421,["ai","glossary","reference","design"],"Julien Thibeaut (@ibelick)","free","VG-0640-480.webp",0,4,0],["transitions-dev-vg-1520","Transitions.dev","Copy-paste collection of essential web app transitions: card resizes, modals, icon swaps and particle effects, with a refine tool.",2,422,["transitions","css","react","motion"],"Jakub Antalík (@jantalik)","freemium","VG-1520-480.webp",0,5,0],["cmdk-vg-1911","cmdk","Unstyled, composable command menu primitive for React that other command palettes are built on.",9,254,["command-palette","react","headless","primitive"],"Paco Coursey (@pacocoursey)","MIT","VG-1911-480.webp",0,5,0],["interactive-svg-animations-vg-0678","Interactive SVG Animations","Interactive mini-course teaching SVG animation techniques with editable inline examples.",3,423,["svg","animation","course","interactive"],"Nanda Syahrasyad","freemium","VG-0678-480.webp",0,1,0],["appcypher-awesome-mcp-servers-vg-0069","appcypher/awesome-mcp-servers","Long-running curated index of MCP servers organised by domain, widely mirrored across the ecosystem.",15,403,["mcp","awesome-list","directory"],"@appcypher","open-source","VG-0069-480.webp",0,7,0],["best-free-fonts-vg-1664","Best Free Fonts","Gallery restricted to fonts under the SIL Open Font License, filtering out fake-free listings.",0,52,["fonts","open-font-license","free","typography"],"","free","VG-1664-480.webp",0,5,0],["kontur-guides-vg-0588","Kontur Guides","Russian enterprise-software design guidelines covering forms, tables, errors and dense B2B interaction rules in unusual depth.",5,65,["b2b","forms","tables","guidelines"],"Kontur","free","VG-0588-480.webp",0,6,0],["interior-dev-vg-1475","interior.dev","React micro-interaction primitives focused specifically on the half-second of feedback right after a user click.",2,153,["react","microinteractions","feedback"],"ozzy (@ddoemonn)","open-source","VG-1475-480.webp",0,5,0],["showreel-vg-0038","showreel","Plugin that turns CSS selectors into generated visual documentation of a component's states and variants.",15,248,["claude-code","plugin","css","documentation"],"@HeyRenan","open-source","VG-0038-480.webp",0,4,0],["css-grid-generator-vg-0336","CSS Grid Generator","Drag-and-drop builder for CSS grid layouts with adjustable columns, rows and gaps that exports the resulting grid rules.",7,59,["css","grid","generator","layout"],"Kristjan Retter (@KristjanRetter)","free","VG-0336-480.webp",0,2,0],["torph-vg-1518","Torph","Dependency-free animated text component that morphs between strings without pulling in a motion library.",2,98,["text","animation","dependency-free"],"Lochie Axon","open-source","VG-1518-480.webp",0,7,0],["design-engineering-bookmarks-minimal-so-vg-1576","Design Engineering bookmarks (minimal.so)","Public bookmark collection of twenty-five-plus articles, talks, courses and tools on design engineering as a discipline.",0,424,["design-engineering","bookmarks","reading-list","craft"],"Ephraim Duncan (@ephraimduncan)","free","VG-1576-480.webp",0,9,0],["soundcn-vg-0643","soundcn","Library of 700+ curated UI sound effects packaged for use in modern web applications.",3,425,["sound","ui","assets","audio"],"","free","VG-0643-480.webp",0,1,0],["timeline-knightlab-vg-0472","Timeline (KnightLab)","Tool that builds interactive media-rich timelines from a Google Sheet with no code.",6,156,["timeline","no-code","google-sheets","editorial"],"Knight Lab, Northwestern (@knightlab)","open-source","VG-0472-480.webp",0,5,0],["the-magnificent-2d-matrix-vg-1261","The Magnificent 2D Matrix","Single-page interactive toy where dragging a 2D transformation matrix's values shows their geometric effect in real time.",1,142,["explorable","math","matrix","interactive"],"Nicky Case (@ncasenmare)","free","VG-1261-480.webp",0,5,0],["easing-graphs-vg-1450","Easing Graphs","Curated reference of easing curves shown as graphs with live previews and copyable values.",2,426,["easing","curves","motion","reference"],"Alex (@alexvanderzon) & Lochie (@lochieaxon)","free","VG-1450-480.webp",0,6,0],["smooth-shadows-vg-0691","Smooth Shadows","Alternative layered box-shadow generator with light-source positioning and a live preview on a configurable surface.",3,59,["css","box-shadow","generator","light"],"","free","VG-0691-480.webp",0,4,0],["neort-vg-1758","NEORT","Digital art platform where creative coders publish shader and generative sketches with a curated popular feed.",12,427,["shaders","gallery","generative","creative-coding"],"NEORT","free","VG-1758-480.webp",0,3,0],["argos-vg-0976","Argos","Visual review platform that stabilises screenshots, groups diffs per pull request and hosts Storybook and static build previews.",13,282,["visual-regression","ci","review","storybook"],"Greg Bergé (@gregberge)","freemium","VG-0976-480.webp",0,3,0],["css-layout-news-vg-1640","CSS Layout News","Newsletter focused specifically on CSS layout: grid, flexbox, subgrid, container queries and specs.",0,57,["newsletter","css","layout","grid"],"Rachel Andrew (@rachelandrew)","free","VG-1640-480.webp",0,4,0],["web-design-weekly-vg-1650","Web Design Weekly","Weekly digest of web design and frontend links aimed at practitioners rather than trend-watchers.",0,57,["newsletter","web-design","frontend","weekly"],"Jake Bresnehan","free","VG-1650-480.webp",0,2,0],["aaabstract-vg-0793","aaabstract","Abstract holographic background generator producing layered iridescent SVG artwork you can recolour and export at any size.",3,9,["svg","holographic","background","generator"],"fffuel","free","VG-0793-480.webp",0,1,0],["interfaces-vg-1584","Interfaces","Independent magazine covering design engineering, interface craft and the people making interaction details.",0,72,["magazine","design-engineering","craft"],"Jakub Krehel (@jakubkrehel)","free","VG-1584-480.webp",0,7,0],["hero-patterns-vg-0119","Hero Patterns","Library of tileable SVG background patterns with live foreground colour and opacity controls, copied out as data-URI CSS.",11,39,["svg","patterns","background","css"],"Steve Schoger (@steveschoger)","free","VG-0119-480.webp",0,5,0],["mapchecking-vg-0935","MapChecking","Draws an area on a map and estimates the maximum plausible crowd size within it at different densities.",13,105,["maps","crowd","estimation","fact-checking"],"Anthony Catel (@paraboul)","free","VG-0935-480.webp",0,4,0],["design-system-hunt-vg-0345","Design System Hunt","Curated directory of roughly 147 public design systems with links to documentation, component libraries and source repositories.",7,40,["design-systems","directory","components","reference"],"Quill Zhou (@quillzhou)","free","VG-0345-480.webp",0,3,0],["cssnippets-vg-1822","CSSnippets","Copy-paste HTML, CSS, Tailwind and React snippets for buttons, cards, checkboxes and shadows, plus claymorphism and gradient generators.",9,428,["css","tailwind","snippets","buttons","generators"],"Shefali (@Shefali__J)","free","VG-1822-480.webp",0,5,0],["liquid-gooey-vg-1463","Liquid Gooey","React component and playground producing SVG filter-based gooey blob merging effects for menus, toggles and loaders.",2,429,["react","svg-filters","gooey","microtool"],"Jakub Antalík (@jantalik)","free","VG-1463-480.webp",0,5,0],["css-spring-easing-generator-vg-0684","CSS Spring Easing Generator","Converts spring physics parameters into a CSS linear() easing string you can paste straight into a transition.",3,59,["css","spring","easing","animation"],"Kevin Grajeda","free","VG-0684-480.webp",0,3,0],["vaul-vg-1926","Vaul","Unstyled drawer component for React with native-feeling drag, snap points and nested drawers.",9,239,["react","drawer","sheet","motion"],"Emil Kowalski (@emilkowalski)","MIT","VG-1926-480.webp",0,4,0],["ui-camera-vg-0949","ui.camera","Utility for capturing and framing clean screenshots of interfaces for documentation and marketing.",13,430,["screenshots","capture","presentation"],"","freemium","VG-0949-480.webp",0,4,0],["color-in-ui-design-a-practical-framework-vg-1211","Color in UI Design: A Practical Framework","Framework for choosing and applying UI colour: neutrals, one accent, saturation ranges and when to break the rules.",1,371,["color","ui","framework","design"],"Erik Kennedy (@erikdkennedy)","free","VG-1211-480.webp",0,5,0],["statuslin-es-vg-2010","statuslin.es","Community gallery of Claude Code status lines where every card preview is rendered from the real script before you copy it.",15,355,["claude-code","statusline","gallery","terminal","bash"],"Nathan AB (@NathanAB)","open-source","VG-2010.png",0,5,0],["web-interface-guidelines-vg-0720","Web Interface Guidelines","Non-exhaustive checklist of concrete details that separate a good web interface from a mediocre one.",3,431,["guidelines","checklist","ui","craft"],"Rauno Freiberg (@raunofreiberg)","free","VG-0720-480.webp",0,3,0],["beste-ui-vg-1810","Beste UI","Large registry of production-oriented UI blocks for landing pages, dashboards and web apps — nearly 2,000 catalogued items.",9,432,["blocks","landing","dashboard","react"],"Beste Co","open-source","VG-1810-480.webp",0,5,0],["hashvatar-vg-0645","Hashvatar","Generates deterministic identicon-style avatars from a wallet address or username, no server or storage needed.",3,260,["avatars","deterministic","identity","generator"],"Médhy Chabour","free","VG-0645-480.webp",0,2,0],["twenty-vg-0276","Twenty","Modern CRM with a Notion-like record layout, custom objects, kanban pipelines and a well-designed component system.",8,17,["crm","react","nestjs","salesforce"],"Twenty (@twentyhq)","GPL","VG-0276-480.webp",0,3,0],["registry-directory-vg-1934","registry.directory","Directory indexing shadcn registries with item counts, stars and install commands across the whole ecosystem.",9,128,["shadcn","registry","directory","discovery"],"Ronny Badilla (@rbadillap)","MIT","VG-1934-480.webp",0,5,0],["unlighthouse-vg-0943","Unlighthouse","Crawls an entire site, runs Lighthouse on every discovered route in parallel and serves one searchable dashboard of the results.",13,314,["lighthouse","performance","seo","accessibility"],"Harlan Wilton (@harlan-zw)","MIT","VG-0943-480.webp",0,4,0],["async-select-vg-1856","Async Select","Async combobox for React with debounced remote search, loading states and shadcn styling.",9,154,["react","combobox","async","shadcn"],"Rudro Dip (@rds_agi)","MIT","VG-1856-480.webp",0,4,0],["emil-kowalski-developing-taste-vg-1220","Emil Kowalski — Developing Taste","Essay on how interface taste is built through deliberate observation, imitation and critique rather than innate talent.",1,29,["taste","design-engineering","essay","craft"],"Emil Kowalski (@emilkowalski_)","free","VG-1220-480.webp",0,3,0],["userinterface-wiki-vg-0844","userinterface.wiki","Living manual of interface craft covering design principles, motion, spacing and component behaviour.",3,433,["ui","principles","motion","wiki"],"Raphael Salaja (@raphaelsalaja)","free","VG-0844-480.webp",0,3,0],["sonner-vg-1519","Sonner","Opinionated React toast component with stacked, swipeable notifications and carefully tuned motion.",2,434,["react","toast","motion","component"],"Emil Kowalski (@emilkowalski_)","MIT","VG-1519-480.webp",0,2,0],["hextaui-vg-1958","HextaUI","Extended shadcn components and blocks for Next.js covering dashboards, marketing sections and interactive widgets.",9,26,["react","nextjs","shadcn","blocks"],"Preet Suthar (@preetsuthar17)","MIT","VG-1958-480.webp",0,5,0],["the-public-domain-review-vg-1091","The Public Domain Review","Not-for-profit journal curating and contextualising strange public-domain art, prints and books, with downloadable collections.",4,217,["public-domain","archive","illustration","curation"],"The Public Domain Review CIC","free","VG-1091-480.webp",0,4,0],["verdant-vg-0928","Verdant","IndexedDB-backed local-first framework with schema migrations, typed queries, undo history and a self-hostable sync server.",13,143,["local-first","indexeddb","sync","react"],"Grant Forrest (@a-type)","open-source","VG-0928-480.webp",0,5,0],["orpc-vg-0848","oRPC","TypeScript framework for end-to-end typesafe APIs that also emit valid OpenAPI specs, with React, Vue and NestJS adapters.",13,435,["typescript","rpc","openapi","api","type-safety"],"MiddleAPI (@unnoq)","MIT","VG-0848-480.webp",0,4,0],["paco-coursey-craft-vg-1224","Paco Coursey — Craft","Collection of interface and interaction implementations with live demos: command menus, theming, typography and micro-detail work.",1,29,["design-engineering","craft","prototypes","ui"],"Paco Coursey (@pacocoursey)","free","VG-1224-480.webp",0,4,0],["rams-vg-0867","rams","Automated design review for AI-generated code, flagging accessibility and visual-quality issues in pull requests.",13,436,["accessibility","code-review","ai","design"],"HSLA0001 Inc.","freemium","VG-0867-480.webp",0,3,0],["orbtrack-vg-0947","OrbTrack","Predicts and visualises the current position and orbital path of more than ten thousand satellites.",13,223,["satellites","orbit","visualization","maps"],"Torsten Hoffmann","free","VG-0947-480.webp",0,4,0],["instantdb-vg-0919","InstantDB","Realtime relational database with an instant client SDK, offline support, permissions and optimistic updates on top of a Postgres backend.",13,143,["realtime","database","offline","backend"],"InstantDB (@instantdb)","open-source","VG-0919-480.webp",0,4,0],["complexity-explorables-vg-1254","Complexity Explorables","Forty-plus interactive simulations of complex systems: flocking, epidemics, Ising models, opinion dynamics and reaction-diffusion.",1,142,["explorable","simulation","complexity","interactive"],"Dirk Brockmann","free","VG-1254-480.webp",0,3,0],["new-old-stock-vg-1599","New Old Stock","Archive of vintage photographs from public archives with no known copyright restrictions.",0,94,["photos","vintage","public-domain","archive"],"Cole Townsend","free","VG-1599-480.webp",0,4,0],["val-town-vg-0896","Val Town","Hosted TypeScript environment where each snippet deploys instantly to a URL, with built-in SQLite, blob storage, cron and email.",13,294,["serverless","typescript","prototyping","cron"],"Val Town, Inc. (@valdottown)","freemium","VG-0896-480.webp",0,3,0],["aitmpl-plugins-vg-0071","aitmpl plugins","Browsable catalogue of Claude Code plugins and marketplace collections with install commands and categorisation.",15,159,["claude-code","plugins","directory"],"aitmpl","free","VG-0071-480.webp",0,6,0],["shadcn-ui-skills-vg-0090","shadcn/ui skills","Official shadcn skills giving agents accurate component context and enforcing shadcn conventions during generation.",15,157,["shadcn","skills","react","ui"],"shadcn (@shadcn)","MIT","VG-0090-480.webp",0,4,0],["hexagonal-grids-vg-1257","Hexagonal Grids","Exhaustive interactive reference on hex grid coordinate systems, neighbours, distances, rotation and pixel conversion.",1,142,["explorable","grids","geometry","gamedev"],"Amit Patel (@redblobgames)","free","VG-1257-480.webp",0,5,0],["web-kits-audio-vg-0849","@web-kits/audio","Declarative audio synthesis library for the web, letting you compose UI sound from primitives in JSX-like syntax.",13,437,["audio","web-audio","react","synthesis"],"Raphael Salaja (@raphaelsalaja)","open-source","VG-0849-480.webp",0,3,0],["the-book-of-shaders-vg-1289","The Book of Shaders","Chapter-by-chapter guide to fragment shaders with a live GLSL editor embedded in every example.",1,402,["glsl","shaders","interactive","book"],"Patricio Gonzalez Vivo & Jen Lowe (@patriciogv)","free","VG-1289-480.webp",0,4,0],["frame-rate-vg-1635","Frame Rate","Curated gallery of motion design and animated video work across brand and product.",0,21,["motion","animation","video","inspiration"],"","free","VG-1635-480.webp",0,7,0],["braid-vg-0575","Braid","SEEK's design system where components are constrained by design tokens so invalid layouts are literally uncompilable in TypeScript.",5,65,["react","typescript","constraints","tokens"],"SEEK","MIT","VG-0575-480.webp",0,3,0],["mise-vg-0858","mise","Single CLI that pins language and tool versions per project, loads environment variables, and runs project tasks from one TOML file.",13,213,["version-manager","tasks","env","cli"],"jdx (@jdx)","MIT","VG-0858-480.webp",0,3,0],["brands-in-motion-vg-1631","Brands in Motion","Collection of brand motion identity systems showing how logos and identities behave when animated.",0,21,["brand","motion","identity","animation"],"","free","VG-1631-480.webp",0,3,0],["colormason-vg-2206","Colormason","Agent skill that turns one brand hex into OKLCH ramps, WCAG-checked semantic tokens, and Tailwind or CSS output offline.",3,36,["oklch","design-tokens","agent-skill","tailwind","accessibility"],"@vladzima","MIT","VG-2206.png",20706,1,0],["shiny-sticker-vg-2208","Shiny Sticker","Figma plugin that turns any layer into a WebGL holographic sequin sticker with die-cut edge and foil presets.",3,336,["figma-plugin","holographic","webgl","stickers","effects"],"Rikki Janae (@rikkijanae)","MIT","VG-2208-card.svg",20706,0,0],["no-slop-design-vg-2209","no-slop-design","Agent design skill with research, moodboard, tokens, register dials, and a slop linter so UI stops looking generic.",15,232,["agent-skill","anti-slop","design-tokens","claude-plugin","ux"],"@agshinrajabov","MIT","VG-2209-card.svg",20706,1,0],["vintage-latex-vg-2210","vintage-latex","Twenty LuaLaTeX and MetaPost examples of vintage scientific-paper aesthetics: plates, star charts, log tables, knots.",3,24,["latex","typography","metapost","scientific-illustration","vintage"],"@Foadsf","open-source","VG-2210.png",20706,0,0],["super-prototyping-vg-2211","Super Prototyping","Copy any app UI into plain HTML artboards on a local canvas with measured colors and metrics, no design tool required.",3,100,["prototyping","html","ui-mockups","design-system","agent-skills"],"ReScienceLab","Apache-2.0","VG-2211-card.svg",20706,0,0],["default-file-ui-vg-2213","Default File UI","Open design system with OKLCH scales, copyable React components, CLI registry, and an MCP server for agent installs.",5,65,["design-system","oklch","react","mcp","cli"],"default-file","MIT","VG-2213-card.svg",20706,2,0],["spotkit-vg-2207","Spotkit","Claude Code skill that writes themable SVG product illustrations in one family from a feature description.",3,25,["svg","illustration","claude-skill","product-design","empty-state"],"Devesh Shirsath (@Devesh-Shirsath)","MIT","VG-2207.png",20706,0,0],["open-claude-design-vg-2212","Open Claude Design","Bridges Claude Design into Cursor, Codex, and other agents so designs sync from real components and tokens both ways.",15,232,["claude-design","design-to-code","agent-skills","mcp","ui-design"],"Max Ritter (@maxritter)","free","VG-2212-card.svg",20706,1,0],["three-gtvbao-vg-2197","three-gtvbao","GT-VBAO screen-space ambient occlusion for three.js WebGPU and WebGL2, written in TSL with presets, TRAA and denoising.",12,384,["threejs","webgpu","ambient-occlusion","tsl","post-processing"],"norio","MIT","VG-2197.png",20705,2,0],["softie-vg-2198","Softie","WebGPU slime you poke, knead and lift with springy physics, color presets and squish audio in the browser.",10,225,["webgpu","slime","physics","juice","interactive"],"@yuanyang749","MIT","VG-2198-card.svg",20705,1,0],["react-loader-studio-vg-2201","React Loader Studio","Twenty-one typed SVG React loaders under 2 KB gzip, with a playground that exports size, color and speed as JSX.",9,180,["react","svg","loader","spinner","typescript"],"@ryavee","MIT","VG-2201-card.svg",20705,1,0],["constellation-dice-vg-2202","Constellation Dice","Unity URP glass die with a nebula and per-face constellations, all raymarched in one pass on the default cube.",12,97,["unity","raymarching","shader","urp","hlsl"],"@tantaneity","MIT","VG-2202.png",20705,1,0],["gaussian-splat-lite-vg-2203","Gaussian Splat Lite","Lightweight Three.js Gaussian splat viewer with WebGPU and WebGL2, streaming LOD, stochastic rendering and PLY/SPZ/SOG/RAD support.",12,163,["gaussian-splatting","threejs","webgpu","lod","3d"],"William Liu (@lyzzz97)","Apache-2.0","VG-2203-card.svg",20705,0,0],["clay-safari-vg-2199","Clay Safari","Claymation-style Three.js animal world with bilingual word cards, procedural audio, soft shadows and a robot tour guide.",7,130,["threejs","clay","education","procedural","webgl"],"@cclank","MIT","VG-2199-card.svg",20705,1,0],["react-ai-orb-vg-2200","react-ai-orb","Pure-CSS glowing React orb with eight palettes, eight presets, live speed control and reduced-motion respect, no canvas or WebGL.",11,93,["react","css-animation","orb","ai-ui","component"],"@88lin","MIT","VG-2200-card.svg",20705,1,0],["llm-attention-visualization-vg-2205","LLM Attention Visualization","Browser tool that runs a local Transformers.js model and paints which past tokens shaped each generated token.",6,156,["llm","attention","transformers-js","visualization","local-first"],"ishamf","free","VG-2205-card.svg",20705,1,0],["align-vg-2204","ALIGN","Agentic loop where coding agents draw in p5.js, then refine via adversarial visual review — skills for Claude Code and Codex.",15,345,["generative-art","p5js","claude-code","agent-skills","creative-coding"],"@wanshuiyin","MIT","VG-2204-card.svg",20705,1,0],["boardui-vg-2189","BoardUI","Source-owned React design system for dashboards and agent UIs: 72 components, charts, templates, plus CLI and MCP install paths.",9,438,["react","agentic","design-system","mcp","shadcn"],"BoardUI (@sitenley)","freemium","VG-2189.png",20704,3,0],["orbkit-vg-2190","Orbkit","Free WebGL shader orbs for React agent states (idle, thinking, speaking), tunable in a playground and installable via shadcn registry.",9,438,["webgl","orbs","shadcn","agents","react"],"@zzzzshawn","MIT","VG-2190.png",20704,2,0],["nacre-ui-vg-2191","Nacre UI","Source-based React components with expressive motion, live previews you can parameterize, and a CLI that copies files into your project.",9,439,["react","motion","cli","components","source"],"John Mamanao","MIT","VG-2191.png",20704,1,0],["cue-vg-2192","Cue","Imperative React overlay manager: register a dialog once, then open it from clicks, effects, or other overlays without local useState.",9,439,["overlays","dialogs","react","shadcn","radix"],"Mauro Erta (@mauro_erta)","MIT","VG-2192-card.svg",20704,1,0],["hyalite-vg-2194","Hyalite","Real refraction liquid glass for the web using SDF lens maps, SVG displacement, and backdrop-filter — one file, no WebGL.",11,190,["liquid-glass","svg-filter","refraction","css","glass"],"@VII-Cae","MIT","VG-2194-card.svg",20704,2,0],["liquid-glass-screens-vg-2195","liquid-glass-screens","Two Expo React Native liquid-glass welcome screens with Skia refraction, swipe-driven sphere motion, and agent copy-paste prompts.",14,184,["react-native","expo","liquid-glass","skia","onboarding"],"Appllama (@jaimintf)","GPL","VG-2195-card.svg",20704,1,0],["react-rotary-fab-vg-2196","react-rotary-fab","Watchmaker-inspired concentric rotary FAB and arc dial for React with multi-tier orbital physics and tactile haptics.",9,439,["fab","react","radial","haptics","motion"],"@nikhileashy","MIT","VG-2196-card.svg",20704,2,0],["microkit-ui-vg-2193","MicroKit UI","Forty-three copy-paste React and CSS micro-interactions with Tailwind or plain CSS variants, no package to install.",9,439,["microinteractions","react","css","tailwind","copy-paste"],"MicroKit","MIT","VG-2193.png",20704,2,0],["afterglow-vg-2181","Afterglow","Phosphor terminal UI registry for shadcn projects: 62 installable items, Base UI primitives, CRT effects, and eight themes.",9,439,["shadcn","terminal","registry","base-ui","phosphor"],"@thebuilder","open-source","VG-2181.png",20704,2,0],["wensity-ui-vg-2182","Wensity UI","MIT React component registry for Next.js and Tailwind v4 with motion-rich interactions, installable via CLI or copy-paste.",9,439,["shadcn","registry","react","tailwind","motion"],"Wensity","MIT","VG-2182.png",20704,2,0],["astrotypes-vg-2186","Astrotypes","Curated font pairings for Astro with one-command install via the Astro Fonts API, Tailwind or plain CSS.",3,24,["astro","fonts","typography","cli","pairings"],"Michael Andreuzza (@michael-andreuzza)","MIT","VG-2186.png",20704,2,0],["icofon-vg-2187","icofon","Rust CLI that builds an icon font and matching stylesheet from a folder of SVG files, with a live glyph preview.",3,101,["icons","svg","cli","woff2","rust"],"@JWo1F","MIT","VG-2187-card.svg",20704,1,0],["mador-vg-2188","Mador","855-byte reactive DOM runtime that binds Proxy state to existing HTML with no components, templates, or virtual DOM.",13,245,["reactive","dom","tiny","vanilla-js","cdn"],"@marsbos","MIT","VG-2188.png",20704,2,0],["ui-adriangalilea-vg-2183","ui (adriangalilea)","Hand-crafted studio web components shipped as a shadcn registry: liquid glass, scroll stages, terminals, lightboxes, and more.",9,439,["shadcn","registry","web-components","react","craft"],"Adrian Galilea (@adriangalilea)","MIT","VG-2183-card.svg",20704,1,0],["tourcn-vg-2185","tourcn","Spotlight product-tour component for React, delivered as source via the shadcn CLI on Base UI and Floating UI.",9,254,["shadcn","onboarding","tour","react","base-ui"],"Bundui (@bundui)","MIT","VG-2185-card.svg",20704,3,0],["pipecat-ui-vg-2184","Pipecat UI","shadcn-installable React components, hooks, visualizers, and blocks purpose-built for Pipecat voice AI experiences.",9,438,["voice-ai","shadcn","react","pipecat","components"],"Pipecat AI (@pipecat-ai)","BSD-2-Clause","VG-2184.png",20704,2,0],["reverify-vg-2173","Reverify","MCP server and CLI that makes deterministic tools judge every AI claim against ground truth, with evidence and session rollover that keeps facts intact.",15,298,["mcp","verification","anti-hallucination","cli","reverse-engineering"],"@2akouwu","MIT","VG-2173-card.svg",20703,2,0],["conduct-vg-2174","Conduct","Open-source runtime guardrails that allow, warn, or block every LLM and MCP tool call before it commits, with a hash-chained audit trail.",15,305,["mcp","guardrails","agent-safety","audit","governance"],"@sseshachala","Apache-2.0","VG-2174.png",20703,2,0],["moadim-vg-2176","Moadim","Local Rust daemon that schedules agent loops (Claude, Codex, Hermes, Pi) with REST, MCP, and a web UI — no cloud queue required.",15,331,["scheduler","agents","mcp","rust","local"],"moadim-io","MIT","VG-2176.png",20703,3,0],["yingzao-vg-2177","Yingzao","Claude/Codex skill that turns place and culture photos into art-directed Chinese editorial posters with composition, type, and reference gates.",15,232,["claude-skill","poster","typography","travel","image-gen"],"@op7418","open-source","VG-2177.png",20703,2,0],["design-os-3d-blender-vg-2180","Design OS 3D Blender","Agent OS for Blender 5.2: skills, verified bpy knowledge, AGENT_OK/FAIL contract, and a production gate for 3D-printable parts.",15,173,["blender","3d-printing","skills","mcp","cad"],"@jangtrinh","MIT","VG-2180.png",20703,5,0],["mezmo-aura-vg-2179","Mezmo Aura","Rust SRE agent harness that investigates production incidents with scoped workers, disk-backed context, and human-gated remediations.",15,362,["sre","incidents","rust","mcp","hitl"],"Mezmo","Apache-2.0","VG-2179.png",20703,4,0],["lanes-link-vg-2175","Lanes Link","Self-hostable personal context MCP: one endpoint for accounts, memory, skills, vault, and audit that every agent you authorize can share.",15,368,["mcp","self-hosted","memory","context","gateway"],"Lanes (@lanes-sh)","Apache-2.0","VG-2175.png",20703,3,0],["headcount-vg-2178","Headcount","Claude Code org chart of 16 independently installable departments and 172 skills, addressed as department:skill so names never collide.",15,157,["claude-code","skills","plugins","org-chart","marketplace"],"@cbrock84","MIT","VG-2178.png",20703,2,0],["machine-vision-vg-2167","Machine Vision","Browser visual instrument that turns local video into procedural points, brackets, labels and tracking overlays, then exports a five-second composite clip.",12,97,["video","generative","creative-coding","privacy","procedural"],"Amir Mushich","MIT","VG-2167.png",20702,5,0],["fly-by-vg-2168","Fly By","Browser retro biplane stunt game with balloon popping, wind, fuel, CRT scanlines and a full instrument dashboard — keyboard and touch.",10,166,["browser-game","flight","retro","juice","canvas"],"Michael Teter","free","VG-2168-card.svg",20702,4,0],["corporate-mind-games-vg-2169","Corporate Mind Games","Daily sarcastic workplace puzzles — RTO floor plans, AI org charts, roadmap theatre and timed slide decks — as a LinkedIn Games send-up.",10,166,["puzzle","satire","daily","browser-game","corporate"],"@dontwordle","free","VG-2169-card.svg",20702,2,0],["th08-web-vg-2171","TH08 Web","Source-built C++ to WebAssembly browser port of Touhou 8 Imperishable Night that reads your own legal DAT files in session memory only.",10,166,["touhou","wasm","webgl","browser-game","danmaku"],"@N0zoM1z0","MIT","VG-2171-card.svg",20702,2,0],["subsmith-vg-2172","SubSmith","Offline-first desktop app that transcripts your own videos locally, then lets you hover-define lines and export sentence cards with audio to Anki.",1,124,["language-learning","anki","transcription","offline","desktop"],"@IbrahimF96","freemium","VG-2172.svg",20702,2,0],["motionvault-vg-2165","MotionVault","Minimalist library of 202 web animation effects with copy-ready AI prompts, plus MotionLens to extract any site’s animation into a reusable prompt.",2,401,["animation","motion","prompts","framer-motion","gallery"],"@xiyu519","MIT","VG-2165-card.svg",20702,2,0],["sound-terrarium-vg-2170","SOUND TERRARIUM","Tiny living world where microphone bands raise the terrain while real-world time, weather and moon phase shape the sky — browser port of a Cardputer toy.",7,158,["audio","generative","weather","pixel-art","interactive"],"@kariagepompadour","MIT","VG-2170-card.svg",20702,2,0],["images-in-motion-vg-2166","Images in motion","Tiny open-source mosaic of inclined image columns that scroll opposite ways, driven by one CSS keyframe per lane with optional React and Vue mounts.",11,406,["css","mosaic","animation","web-component","background"],"smartsquad","MIT","VG-2166.jpg",20702,3,0],["playgrnd-vg-2164","playgrnd","Collection of 33 free, single-purpose generative design tools for patterns, backgrounds, posters and textures — all run in-browser with no accounts or uploads.",3,3,["generative","patterns","backgrounds","browser","design"],"playgrnd","free","VG-2164.jpg",20700,5,0],["bol-vg-2156","Bol","Local macOS voice loop for Claude Code and Codex: say hey Bol, dictate into the cursor, send it, and optionally hear talk-back summaries.",13,270,["dictation","claude-code","macos","local-first","voice"],"Abhiyan Poudel (@theubermenschh)","MIT","VG-2156.png",20700,2,0],["slotstream-vg-2159","slotstream","Streams MoE experts from SSD so a 125B 4-bit Qwen can run on Macs with far less RAM, via MLX/Swift with an Ollama-compatible API.",13,143,["mlx","local-llm","macos","moe","ollama"],"Carlos Galarza (@carloslfu)","MIT","VG-2159.png",20700,2,0],["astro-inkstone-vg-2160","astro-inkstone","Paper-and-ink Astro wiki for docs and digital gardens with in-place WYSIWYG, wikilinks, math, tables, AI assist, and git-backed Markdown.",8,134,["astro","wiki","digital-garden","wysiwyg","docs"],"@ventusff","MIT","VG-2160.png",20700,2,0],["simplify-codebase-vg-2162","simplify-codebase","Agent skill that proves accidental complexity before deleting it, tracking consumers, contracts, and verification so simplifications stay safe.",13,335,["agent-skill","refactor","codebase","codex","hygiene"],"@tt-a1i","MIT","VG-2162.png",20700,2,0],["saas-audit-vg-2163","saas-audit","Zero-dependency CLI and MCP that compares a Next.js repo's claims to behavior: unused Prisma models, dead env vars, and locale drift.",13,335,["nextjs","mcp","cli","prisma","audit"],"@THE-KIPDEV","MIT","VG-2163.png",20700,2,0],["serverbox-vg-2157","Serverbox","Agentless Rust+Tauri desktop panel for Linux servers over SSH: live vitals, terminal, files, Docker, services, cron, users, and firewalls.",13,294,["ssh","server","tauri","docker","ops"],"@freakynit","free","VG-2157-card.svg",20700,3,0],["k10s-vg-2158","k10s","Clickable Kubernetes TUI in a single Go binary: instant search, logs, exec, port-forward, seven themes, and optional context-aware AI.",13,270,["kubernetes","tui","cli","k8s","go"],"@p10node","Apache-2.0","VG-2158.png",20700,2,0],["astroloop-vg-2161","Astroloop","Astro landing template for AI agent products: agent-loop diagram, tool permission matrix, usage-based pricing, and honest empty permission cells.",8,196,["astro","landing","ai-agent","template","saas"],"lx-themes","MIT","VG-2161.png",20700,2,0],["stash-icons-vg-2155","Stash Icons","MIT 24×24 SVG icon set in five styles (duotone, light, regular, solid, editor) as React packages, with a Figma source.",3,101,["icons","svg","react","duotone","figma"],"Pingback (Rachel Andrade, Pedro Ladeira)","MIT","VG-2155.png",20699,2,0],["trazor-vg-2149","Trazor","Client-side PNG-to-SVG vectorizer with per-colour Potrace-class curves, seam-free cutouts and centerline tracing for vinyl and plotters.",3,3,["svg","vectorizer","potrace","browser"],"Fabien Ménager (@PhenX)","MIT","VG-2149.png",20699,2,0],["handdrawnfont-vg-2150","HandDrawnFont","Browser font creator and SwiftUI package that draws letters from real pen strokes, keeping original stroke order and timing.",3,24,["typography","swiftui","handwriting","fonts"],"Jip van der Velde (@jipvandervelde)","unknown","VG-2150.png",20699,1,0],["brad-frost-skills-vg-2151","Brad Frost Skills","Agent skills from Brad Frost covering design-system inspection, product health, DS adoption plans, and enforceable AI-usage limits.",15,232,["design-systems","agent-skills","tokens","inspection"],"Brad Frost","MIT","VG-2151.png",20699,2,0],["korean-layout-compositions-vg-2152","Korean Layout Compositions","277-card atlas of composition principles, with Hangul typesetting and original Korean traditional layouts generated from JSON diagrams.",5,440,["layout","composition","hangul","typography"],"GOMGOM (@worlyung)","open-source","VG-2152.png",20699,3,0],["iconmind-vg-2154","IconMind","Compiler-driven icon set for agents, MCP and RAG, with six validated drawings per concept and an MCP server of real names.",3,101,["icons","mcp","agents","svg"],"IconMind","MIT","VG-2154.png",20699,2,0],["frameparcel-vg-2153","FrameParcel","Figma plugin that exports a selection as a local ZIP with previews, node geometry, SVGs and an offline browser, no API token.",4,276,["figma","handoff","local-first","agents"],"@creeponsky","MIT","VG-2153.png",20699,3,0],["css-graphics-vg-2142","css.graphics","Gallery of classic 3D demos — cloth simulation, Menger sponge, black hole, chaotic attractors — rendered entirely with retained HTML and CSS.",11,312,["css","3d","demos","creative-coding"],"Agustin Capeletto (@layoutit)","open-source","VG-2142.png",20699,4,0],["mcdview-vg-2144","mcdview","Drop a SQL, Prisma, DBML, pgModeler or MySQL Workbench file and get an interactive ER diagram behind one shareable link, with a CI API.",6,141,["database","erd","schema","diagrams"],"@Gheop","open-source","VG-2144.svg",20699,2,0],["ihavebeenclawed-vg-2146","ihavebeenclawed","Source-linked archive of documented incidents where AI coding agents and chatbots deleted data, leaked secrets or burned money, each with the lesson.",15,305,["agents","safety","incidents","dataset"],"@nezhar","open-source","VG-2146.png",20699,1,0],["slideops-vg-2147","SlideOps","Pair of agent skills that build a slide deck from a repository, citing exact file line ranges and hashes so a script can flag slides that drifted.",15,345,["claude-code","agent-skills","slides","documentation"],"Gleb Lukicov (@glukicov)","MIT","VG-2147.png",20699,1,0],["newton-s-orchard-vg-2148","Newton's Orchard","Browser gravity playground with deterministic time scrubbing, fully editable bodies, preset solar systems, unlockable missions and a user-submission gallery.",10,97,["simulation","physics","education","interactive"],"Andrew Childs (@andrewchilds)","open-source","VG-2148-card.svg",20699,2,0],["otion-vg-2143","Otion","Browser studio that extracts motion from a live camera feed and shades it as trails, heatmaps, tracked blobs or vector fields via WebGPU.",12,359,["webgpu","shaders","motion","camera"],"Goldkey (@goldkey)","free","VG-2143-card.svg",20699,2,0],["ui-anatomist-vg-2145","UI-Anatomist","Chrome extension that scans a rendered web UI's observable styles, states and icons, plus a Figma plugin that rebuilds them as editable variables and components.",3,441,["figma","design-tokens","chrome-extension","design-system"],"Su JiaYi (@SuJiaYi27)","Apache-2.0","VG-2145-card.svg",20699,3,0],["serenity-ui-vg-2141","Serenity UI","Free, open-source React, Canvas and WebGL components, blocks and templates you can install with the shadcn CLI or copy directly.",9,439,["react","animation","components","ui","tailwindcss","open-source"],"Ayushmaan Singh","MIT","VG-2141.png",20699,7,0],["revealed-vg-2135","revealed","WebGL library that stacks two images and lets the pointer, scroll or your own state paint a noise-carved hole through the top one.",11,332,["webgl","react","image-effects","shader","reveal"],"Alex (@idleCyrex)","MIT","VG-2135.png",20698,2,0],["topolines-vg-2136","topolines","One React component that draws animated topographic contour backgrounds on the GPU, with six presets and a live playground.",11,39,["react","webgl","background","contour","zero-dependency"],"Alex (@idleCyrex)","MIT","VG-2136.png",20698,3,0],["stamp-studio-vg-2138","Stamp Studio","Browser tool that turns uploaded artwork into a postage stamp: perforation gauge, aged paper, struck postmark, exported as transparent PNG.",3,63,["generator","mockup","three-js","png-export","stamp"],"@jalcowastaken","MIT","VG-2138.png",20698,2,0],["fayaaa-vg-2137","Fayaaa","WebGPU playground that reads the shape of an uploaded image, text or mark and burns it as animated fire in the browser.",12,359,["webgpu","wgsl","shader","generative-art","image-effects"],"Xblueprintlab","MIT","VG-2137-card.svg",20698,2,0],["sedona-sunset-vg-2139","Sedona Sunset","First-person three.js walk through red rock buttes at golden hour, with every mesh, texture and sound generated procedurally in code.",12,10,["threejs","glsl","procedural-generation","webgl","web-audio"],"@StarKnightt","MIT","VG-2139-card.svg",20698,2,0],["dont-reinvent-vg-2140","dont-reinvent","Claude Skill that searches for existing open-source solutions before your agent writes code, vetting license, maintenance and dependency CVEs.",15,345,["claude-skill","agent-skills","build-vs-buy","mcp","vetting"],"@Emanuelel","MIT","VG-2140.png",20698,3,0],["web-image-vg-2128","web-image","Agent skill that generates images by rendering HTML/CSS instead of calling an image model, with 32 named styles and zero-dependency PNG export.",15,232,["html-to-image","poster-generator","claude-skill","css"],"@whyubel1eve","MIT","VG-2128.png",20695,5,0],["sona-ui-vg-2129","Sona UI","React and Tailwind component registry of motion primitives — fluid tabs, expanding actions, animated dialogs — installed into your codebase via shadcn CLI.",9,375,["react","tailwind","motion","shadcn-registry"],"Dinil Thilakarathne (@codebydinil)","open-source","VG-2129.png",20695,4,0],["compute-toys-vg-2130","compute.toys","Browser playground for WGSL compute shaders: write, run and publish GPU compute experiments with a public gallery of other people's sketches.",12,97,["wgsl","webgpu","compute-shader","playground"],"compute-toys","open-source","VG-2130-card.svg",20695,5,0],["prehistoric-animal-museum-vg-2133","Prehistoric Animal Museum","Calm 3D museum of 18 prehistoric animals for young children, with narration, grown-up research notes and sourced fossil citations, in English and Chinese.",12,130,["threejs","kids","education","museum"],"Leon Made This (@s010s)","AGPL-3.0","VG-2133.png",20695,6,0],["meniscus-vg-2134","Meniscus","Bottom navigation bar whose top edge behaves like a liquid surface: one parametric SVG trough that leans and shallows with travel speed. Zero dependencies.",11,93,["svg-animation","navigation","vanilla-js","zero-dependency"],"@hasib41","MIT","VG-2134.jpg",20695,6,0],["scrollcraft-vg-2126","scrollcraft","Claude Code skill that builds scroll-driven sites using eight mutually exclusive page grammars, then screenshots its own scroll to grade contrast and dead scroll.",15,232,["claude-code","scrollytelling","scroll-animation","web-design"],"Nate Herk (@nateherk)","MIT","VG-2126.png",20695,11,0],["god-s-eye-view-vg-2131","God's Eye View","Browser spy-satellite simulator on a photorealistic 3D globe, driven by live open-source spatial intelligence feeds rather than mock data.",12,130,["3d-globe","osint","webgl","geospatial"],"Bilawal Sidhu (@bilawalsidhu)","open-source","VG-2131.png",20695,9,0],["galaxium-vg-2132","Galaxium","WebGPU space explorer that flies you from Earth out to planets, stars, nebulae and distant galaxies in one continuous 3D scene.",12,130,["webgpu","space","3d","explorer"],"@guillaumec","free","VG-2132.jpg",20695,5,0],["genart-vg-2127","genart","Claude Code skill for long-form generative art: hash-seeded PRNGs, trait and rarity tables, plus scripts that render contact sheets and check determinism.",15,345,["generative-art","claude-code","p5js","creative-coding"],"Camille Roux (@camillerouxart)","MIT","VG-2127.png",20695,4,0],["kivtools-vg-2125","KivTools","Free browser-based developer tools for JSON, APIs, OpenAPI, JWT/JWK, code formatting, data validation and DevOps checks.",13,168,["JSON","API","OpenAPI","JWT","DevOps"],"KivTools","free","VG-2125-card.svg",20694,4,0],["tare-vg-2116","tare","Claude Code skill that reads your local session logs to explain where tokens went, why you hit a limit, and what to change.",15,248,["claude-code","tokens","usage","diagnostics","skill"],"@kelviq","MIT","VG-2116.png",20693,5,0],["ambient-context-vg-2117","Ambient Context","macOS menu bar app that reads focused-window text through the accessibility API and appends it to daily markdown files for your agent to read.",13,293,["macos","tauri","agent-memory","markdown","accessibility"],"@dragthelake","unknown","VG-2117.png",20693,3,0],["open-steps-vg-2118","Open Steps","Claude Code skill pack that rewrites agent output as plain-language reports, straight yes/no verdicts on completion, and numbered steps you can follow.",15,157,["claude-code","skills","plain-language","vibe-coding","plugin"],"Pavlo Kharmanskyi (@kharmanskyi)","MIT","VG-2118.png",20693,3,0],["rack-02-vg-2121","RACK-02","Single-file HTML techno machine — sequencer, synths and effects in one page, with renders you can reproduce and verify.",7,189,["web-audio","techno","single-file","sequencer"],"@ssx360","unknown","VG-2121-card.svg",20693,1,0],["donsetch-vg-2122","donsetch","Rust binary giving agents web fetch, search and crawl plus scanned-PDF OCR as MCP tools, with no API keys or accounts.",15,361,["mcp","rust","web-search","crawler","ocr"],"@dondai44423","GPL","VG-2122.png",20693,11,0],["placeroot-vg-2123","PlaceRoot","Keyless MCP server exposing 42 tools over Overture Maps open data: place search, geocoding, routing, isochrones and area comparisons.",15,368,["mcp","maps","overture","geocoding","duckdb"],"vibemapper","MIT","VG-2123.png",20693,2,0],["dia-gramv-vg-2124","Dia-GramV","Local-only MCP server plus Svelte Flow viewer for planning system architecture as a typed, linted diagram before any code is written.",15,298,["mcp","diagrams","architecture","svelte-flow","planning"],"@ShAInyXYZ","MIT","VG-2124-480.webp",20693,2,0],["vivid-layer-vg-2119","Vivid Layer","shadcn registry of React components and WebGL shaders — mesh gradients, paper texture, chat minimaps — with live parameter playgrounds and editable source.",9,375,["shadcn","webgl","shaders","react","registry"],"@lawsonhan","open-source","VG-2119.png",20693,6,0],["voronoi-go-vg-2120","Voronoi Go","Browser version of Go played on a Voronoi diagram instead of a grid, with a bot opponent and correspondence games.",10,166,["go","voronoi","board-game","browser-game"],"","free","VG-2120.png",20693,3,0],["css-button-library-vg-2112","CSS Button Library","99 button hover effects in pure CSS with no JavaScript or dependencies; each snippet uses one colour token and respects prefers-reduced-motion.",11,332,["css","buttons","hover","no-javascript"],"Colorion","MIT","VG-2112.png",20693,6,0],["forma-icon-creator-vg-2113","Forma Icon Creator","Browser vector workspace that reshapes icons from Tabler, Lucide, Phosphor, Iconoir and Heroicons into custom app icons, exporting SVG or PNG.",3,101,["icons","svg","editor","lucide"],"","free","VG-2113.png",20693,4,0],["designsystems-one-vg-2114","DesignSystems.one","Gallery of 89 real design systems with tokens and downloadable design.md files, plus an agent-readiness index and free token, contrast and grid tools.",5,40,["design-systems","tokens","directory","agents"],"Kiryl Zhukouski","free","VG-2114.png",20693,6,0],["utopia-vg-2115","Utopia","Calculators that generate fluid type, space and grid scales interpolating between a small and large viewport, so layouts scale without breakpoints.",5,442,["typography","spacing","fluid","clamp","responsive"],"James Gilyead & Trys Mudford (@trysmudford)","free","VG-2115.png",20693,4,0],["kinetics-vg-2111","Kinetics","153 interface animations built on spring physics rather than fixed-duration easing; tune stiffness and damping, then copy CSS, React or an AI prompt.",2,2,["spring","motion","css","react","micro-interactions"],"Colorion","free","VG-2111.png",20693,11,0],["splat-js-vg-2102","Splat.js","Trains 3D Gaussian splats entirely in a browser tab: photos in, camera poses solved on WebGPU, standard .ply out.",12,163,["gaussian-splatting","webgpu","photogrammetry","3d","local-first"],"Arrival Space (Stratum1 GmbH)","MIT","VG-2102.png",20691,3,0],["particles4all-vg-2103","Particles4All","WebGPU solver that simulates fluid and rigid bodies as one position-based-dynamics system, with screen-space fluid surface reconstruction.",12,97,["webgpu","fluid-simulation","physics","particles"],"matsuoka-601 (@matsuoka_601)","MIT","VG-2103-card.svg",20691,6,0],["texbrain-vg-2105","TeXbrain","LaTeX editor that compiles pdfTeX to PDF via WebAssembly in the browser, with local folder access, built-in git and offline package caching.",13,334,["latex","wasm","local-first","pdf","git"],"Braian Plaku (@swimmingbrain)","MIT","VG-2105.png",20691,7,1],["terminal-code-vg-2106","terminal-code","Runs full VS Code inside a terminal by pairing code-server with a terminal-native browser; opens files, diffs and SSH targets from the shell.",13,270,["terminal","vscode","cli","ssh"],"Zenbu Labs","open-source","VG-2106.png",20691,4,0],["skills-over-mcp-vg-2108","Skills Over MCP","Paste a public GitHub repo of SKILL.md files and get a stable streamable-HTTP MCP URL for Claude Code, Cursor or Codex.",15,351,["mcp","claude-code","skills","hosting"],"Spencer Pauly (@spencerpaulyy)","free","VG-2108.png",20691,4,0],["weid-vg-2109","weid","CSS-only convention marking which sentences in AI-assisted text are human: three span classes render as solid, dashed and dotted underlines.",5,14,["css","disclosure","typography","standards"],"Tomás Gauthier (@tomasgauthier)","MIT","VG-2109.png",20691,5,0],["glassbox-vg-2107","GlassBox","Client-side fingerprint bench that runs every signal a site can read from your browser and rates how identifiable each one makes you.",13,314,["fingerprinting","privacy","browser","diagnostics"],"CodeCanary (HotStartLabs)","open-source","VG-2107.png",20691,4,0],["moir-lab-vg-2104","Moiré Lab","Local-first WebGL2 playground that overlays two pattern layers — stripes, grids, radials, dots — so you can tune moiré interference live.",12,427,["webgl","moire","patterns","generative"],"","unknown","VG-2104-card.svg",20691,3,0],["transitions-dev-skill-vg-2101","Transitions.dev Skill","Agent skill packaging 18 production CSS transitions plus commands to audit a project for hardcoded durations and swap them for motion tokens.",15,232,["skill","motion","css","transitions","agents"],"Jakub Antalík (@jakubantalik)","freemium","VG-2101.png",20690,3,0],["deck-gallery-vg-2096","Deck Gallery","Reference collection of real pitch and company decks, browsable slide by slide for layout, typography and narrative structure.",0,135,["decks","presentation","gallery","layout"],"","free","VG-2096.webp",20690,5,0],["rebrand-gallery-vg-2099","Rebrand Gallery","Gallery of identity relaunches with reveal videos, filterable by industry, style, typeface and mood, plus packaging, signage and guideline shots.",0,135,["rebrand","identity","branding","typography","gallery"],"Sahkyo","freemium","VG-2099-card.svg",20690,5,0],["microcopy-vg-2100","Microcopy","Curated set of 500+ real interface copy examples sorted by context: headlines, CTAs, error messages, account flows and slogans.",5,14,["ux-writing","microcopy","content","reference"],"","free","VG-2100.png",20690,4,0],["shotdeck-vg-2097","ShotDeck","Film still library with millions of HD frames hand-tagged across 30+ categories: lens, framing, lighting, color, location, even actor emotion.",0,22,["film","stills","color","composition","reference"],"Lawrence Sher","freemium","VG-2097-card.svg",20690,4,0],["interface-in-game-vg-2095","Interface In Game","Searchable archive of video game UI: thousands of screenshots and clips filtered by genre, theme and element like inventory, skill tree or game over.",0,22,["games","ui","gallery","screenshots","reference"],"","free","VG-2095.jpg",20690,4,0],["logosystem-vg-2098","Logosystem","Library of 1,300+ logos, wordmarks, symbols and animated marks, filterable by colour, style, shape, industry and mood, each credited to its designer.",0,135,["logos","branding","gallery","identity"],"","free","VG-2098.png",20690,6,0],["aqua-vg-2088","Aqua","shadcn/ui registry that rebuilds the Mac OS X Aqua interface: gel buttons, pinstripes, brushed-metal windows, a working Dock and iPod.",9,264,["shadcn","retro","skeuomorphism","react","registry"],"Igor Duca (@ducaswtf)","MIT","VG-2088.png",20690,6,0],["pdfcn-vg-2089","pdfcn","shadcn-distributed React components for generating PDFs: page headers, key-value blocks, tables, footers, plus invoice and report templates.",9,417,["shadcn","pdf","react","registry","documents"],"Aniket Pawar (@alaymanguy)","open-source","VG-2089-480.webp",20690,7,0],["flagcn-vg-2090","Flagcn","306 country-flag React components installable through the shadcn CLI, in SVG, PNG, WebP or JPEG at 4:3, square or original ratios.",9,139,["shadcn","flags","icons","react","registry"],"Shadi Al Milhem (@shadi_m02)","open-source","VG-2090.png",20690,4,0],["kroma-mcp-vg-2093","Kroma MCP","MCP server giving agents six design-lookup tools: UI inspiration galleries, component code, shaders and motion, plus scraping a site's type and palette.",15,230,["mcp","design","agents","inspiration","shaders"],"tayo (@_tayoszn_)","MIT","VG-2093.png",20690,2,0],["topo-vg-2094","Topo","Browser generator for topographic contour-line patterns with adjustable parameters and export, for backgrounds, posters and section dividers.",3,38,["generator","pattern","topography","background","svg"],"","free","VG-2094-card.svg",20690,3,0],["aicss-vg-2091","AICSS","Copy-paste components for agent conversation UI: thinking states, tool calls, file diffs, streaming text, citations, approval cards and task lists.",9,388,["ai","chat-ui","react","vue","svelte"],"Kevin (@kvnkld)","MIT","VG-2091.png",20690,5,0],["approvals-ui-vg-2092","approvals-ui","React Flow registry for approval workflows: quorum gates, amount thresholds, unassigned seats, a segregation-of-duties policy lint and reviewed plain-language edits.",9,417,["react-flow","workflow","shadcn","registry","approvals"],"Dylan Mérigaud","MIT","VG-2092-480.webp",20690,7,0],["glslkit-vg-2082","glslkit","Ruby library that flattens GLSL #include directives and extracts uniform, attribute and output reflection into a JSON manifest at build time.",12,358,["glsl","ruby","rails","shaders","build-tooling"],"@kyuuka1228","MIT","VG-2082.png",20689,5,0],["flornkm-skills-vg-2083","flornkm/skills","Two-skill agent library: shader-driven WebGL UI components with real fallbacks, and Tailwind container queries used in place of viewport breakpoints.",15,157,["claude-skills","webgl","tailwind","container-queries","agents"],"Florian Kiem (@flornkm)","unknown","VG-2083.png",20689,2,0],["browser-mcp-vg-2084","Browser MCP","Local MCP server driving your real logged-in Chrome so agents can read and act on login-gated pages across X, Reddit, Zhihu, Xiaohongshu and Bilibili.",15,361,["mcp","chrome","scraping","automation","login-state"],"@ywleeo","MIT","VG-2084.png",20689,2,0],["pen-dev-vg-2086","pen.dev","Agent-driven design canvas running beside Cursor, VS Code, Claude Code or Codex, storing designs in an open format that lives inside your repo.",15,230,["mcp","design-canvas","ide","agents","design-to-code"],"pen.dev","freemium","VG-2086.png",20689,3,0],["cairn-vg-2087","Cairn","Append-only SQLite store of typed facts for agents, exposed over MCP, returning a freshness and assurance verdict on every recalled belief.",15,368,["mcp","agent-memory","sqlite","typed-facts","provenance"],"Emilio Schwaiger (@EmilioSchwaiger)","unknown","VG-2087.png",20689,3,0],["source-design-vg-2085","Source → Design","Figma plugin that renders a local HTML file or a React, Next.js, Vue or Svelte project ZIP in Chromium and rebuilds it as organized editable layers.",4,291,["figma-plugin","html-to-figma","react","nextjs","import"],"@meltedmen","free","VG-2085-card.svg",20689,5,0],["ai-pulse-vg-2077","AI Pulse","macOS app that floats a strip of eight virtual LEDs beside the Dock, signalling whether coding agents are working, waiting, finished or broken.",15,355,["macos","claude-code","agent-status","swift","ambient"],"@leog","MIT","VG-2077.png",20689,4,0],["waku-vg-2078","Waku","Native macOS app built in Rust and GPUI that drives Claude Code, Codex, Cursor, OpenCode and Grok CLIs in one local timeline.",15,383,["macos","coding-agents","rust","gpui","native"],"@egoist","free","VG-2078.png",20689,4,0],["mcp-memory-vg-2080","MCP Memory","MCP server giving agents persistent memory as Open Knowledge Format markdown files on disk, indexed in SQLite FTS5 for fast lookups.",15,368,["mcp","memory","sqlite","okf","agents"],"@fellowgeek","unknown","VG-2080.png",20689,3,0],["proliferate-vg-2081","Proliferate","Desktop IDE running Claude Code, Codex, OpenCode, Cursor and Grok in parallel, each task isolated in its own git worktree.",15,331,["coding-agents","worktrees","self-hosted","ide","open-source"],"Proliferate (@proliferate-ai)","open-source","VG-2081-480.webp",20689,5,0],["frugal-tokens-vg-2076","Frugal Tokens","Local read-only dashboard for token usage and reported cost across OpenCode, Claude Code, Codex and Cursor sessions, with per-call cache-miss drilldown.",15,248,["tokens","cost-tracking","claude-code","observability","deno"],"@dpclark4","unknown","VG-2076.png",20689,4,0],["agent-shell-vg-2079","Agent-shell","Emacs shell for chatting with any ACP-driven agent — Gemini CLI, Claude Agent, Auggie, Mistral Vibe — inside a native buffer.",15,363,["emacs","acp","agents","elisp","melpa"],"Álvaro Ramírez (@xenodium)","GPL","VG-2079-480.webp",20689,4,0],["threeui-vg-2070","ThreeUI","Catalog of copy-paste Three.js hero sections and interactive shader components with customizable variants, framework-agnostic and shipped with full source.",9,375,["threejs","webgl","shaders","components","registry"],"Meng To (@MengTo)","MIT","VG-2070.jpg",20688,5,0],["payment-method-animation-vg-2074","Payment Method Animation","Checkout demo where the credit card is the form: it embosses as you type, flips for CVC, flies to centre on submit.",11,93,["micro-interaction","css-animation","checkout","vanilla-js","3d-card"],"@hasib41","MIT","VG-2074.jpg",20688,6,0],["tidepool-vg-2073","Tidepool","Artificial-life sandbox in a single HTML file: creatures with tiny neural nets evolve behaviour with no scripted rules.",7,97,["artificial-life","neuroevolution","emergence","single-file","simulation"],"@V1999B","MIT","VG-2073-card.svg",20688,4,0],["lucasartsifier-vg-2075","Lucasartsifier","Decompiles Sierra SCI adventure games, abstract-interprets the scripts to find unwinnable states, then derives, verifies and compiles guard patches.",13,335,["static-analysis","decompiler","retro-games","python","patching"],"@katiahayati","MIT","VG-2075.png",20688,5,0],["moco-vg-2071","moco","Editorial React components for technical writing: scrollytelling, Tufte margin notes, inline sparklines, number scrubbers, annotated code, HTML block diagrams.",9,375,["editorial","react","shadcn","scrollytelling","mcp"],"Shreya (@shreya0204)","MIT","VG-2071.png",20688,4,0],["sylva-vg-2072","Sylva","Complete landing page built around a procedural, pointer-responsive Three.js moss world, with liquid-metal panels and editorial layout, source on GitHub.",8,196,["threejs","procedural","landing-page","webgl","interactive"],"Meng To (@MengTo)","unknown","VG-2072-card.svg",20688,4,0],["vibeprompt-vg-2069","VibePrompt","251 UI layout prompts across 15 page-section categories — auth, pricing, dashboards, onboarding — each with a preview and copy-paste Tailwind markup.",3,414,["prompts","tailwind","ui","vibe-coding"],"VibePrompt","free","VG-2069.png",20686,6,0],["kage-vg-2062","Kage","Five-chapter scrolling night walk through a Kyoto mountain temple, rendered live in Three.js with illustrated garden field notes.",12,130,["threejs","webgl","scrollytelling","creative-coding"],"Meng To (@MengTo)","unknown","VG-2062-480.webp",20686,6,0],["rainform-vg-2063","Rainform","Turns 25 hourly rainfall values into a draggable Three.js particle rainscape where curtain, waterfall, ripples and audio follow the curve.",6,156,["threejs","webgl","particles","dataviz"],"afterimage (@afterimage-lab)","free","VG-2063.png",20686,4,0],["signal-geometry-vg-2065","Signal Geometry","Agent skill that turns one concept into a sparse abstract poster using precise geometry, matte fields and a single spatial event.",15,232,["agent-skills","generative-art","poster","image-generation"],"Cali Castle (@CaliCastle)","MIT","VG-2065.png",20686,7,0],["saggar-vg-2067","Saggar","Native Mac terminal that classifies every session as needs-you, working, idle, finished or failed, and queues the ones awaiting a decision.",13,270,["terminal","macos","agents","dx"],"@mcclowes (Marginal Utility)","free","VG-2067.png",20686,5,0],["mole-vg-2068","Mole","Go deep-research CLI and MCP server with a hard spend ceiling, quote-verified claims, and local CSV analysis that never sends rows to the model.",15,362,["mcp","research-agent","cli","golang"],"@lajosdeme","Apache-2.0","VG-2068.png",20686,5,0],["meow-generator-vg-2066","Meow Generator","Procedural 3D kitten generator in Three.js with weather, lighting and music controls, GLB and PNG export.",7,130,["threejs","procedural","generator","3d"],"Simon_阿文 & Hyacinth (@ringhyacinth)","unknown","VG-2066-card.svg",20686,3,0],["washiveil-vg-2064","WashiVeil","shadcn registry of 40+ glass components on a warm washi-paper ground, with CJK typography, tri-color tokens and WCAG 2.2 AA defaults.",9,375,["shadcn","glassmorphism","cjk-typography","tailwindcss","registry"],"Alex Chih (@tochny)","MIT","VG-2064-480.webp",20686,8,0],["surface-vg-2057","Surface","Parametric motion studio with a few hundred components driven by sliders instead of timelines or keyframes, updating in real time.",2,150,["motion","parametric","components","no-keyframes"],"Surface","freemium","VG-2057-card.svg",20685,4,0],["brik-vg-2058","Brik","Builds interactive WebGL visuals — kinetic type, 3D scenes, particle and liquid-glass logo effects — as parameterised tools you can remix, share and export.",12,443,["webgl","kinetic-typography","effects","remix"],"Brik","freemium","VG-2058.png",20685,4,0],["youworkforthem-fonts-vg-2061","YouWorkForThem Fonts","Type marketplace carrying 250,000+ fonts from independent designers and foundries, with one-time desktop and web licensing and no subscription.",3,24,["fonts","typography","foundry","licensing"],"YouWorkForThem","paid","VG-2061.png",20685,2,0],["arq-vg-2059","Arqé","Creative platform combining 189 motion templates, animated device mockup scenes and a 4K art-directed stock library, all exportable from the browser.",2,444,["motion","mockups","stock","templates"],"Arqé","freemium","VG-2059.png",20685,3,0],["animos-vg-2060","animos","25 ready-made animation templates for showcasing design work — drop in images or video, tweak, export MP4 or WebM in the browser.",2,444,["motion","showcase","portfolio","templates"],"animos","freemium","VG-2060.png",20685,6,0],["anim8-vg-2056","Anim8","Browser motion design editor with editable keyframes, easing curves, anchors, text stagger and multi-artboard canvas, exporting MP4, SVG and Lottie.",2,150,["motion","keyframes","figma","lottie","svg"],"Anim8","freemium","VG-2056-card.svg",20685,4,0],["movo-vg-2055","MOVO","Browser-based motion template editor with 94 templates and live controls for composition, animation, camera, cards and shadows, exporting video without installs.",2,444,["motion","video","templates","browser"],"Rico® Supply","freemium","VG-2055.png",20685,7,0],["compact-design-vg-2046","Compact Design","LLM-friendly JSON design language with a validation core and a Figma adapter that turns the JSON into editable native Figma frames.",15,197,["figma","json","llm","design-language"],"Elliot (@madebyelliot)","open-source","VG-2046.png",20685,6,0],["handoff-changelog-vg-2049","Handoff Changelog","Figma plugin that records what actually moved between handoff versions — sizes, padding, copy — instead of only when a file was saved.",4,445,["figma","handoff","changelog","diff"],"@r_uxhero","freemium","VG-2049-card.svg",20685,5,0],["brands-design-md-vg-2051","Brands DESIGN.md","Library of DESIGN.md files capturing real brand design systems — colour, type, spacing — in a format coding agents can read directly.",15,350,["design-md","design-tokens","branding","agents"],"@ricocc","unknown","VG-2051.png",20685,4,0],["modelmap-vg-2052","ModelMap","Generates interactive animated architecture diagrams for any Hugging Face model, showing layers and tensor flow you can step through.",6,156,["machine-learning","diagrams","huggingface","interactive"],"@lizhaoliu","free","VG-2052-card.svg",20685,3,0],["thoughtdag-vg-2053","ThoughtDAG","Local-first canvas where graph edges define the context sent to an LLM; branch, prune and merge nodes, then inspect the exact message sequence before sending.",15,307,["llm","canvas","context","local-first"],"Chenxi Chan (@chenxiachan)","MIT","VG-2053.jpg",20685,7,0],["material-design-3-ui-skill-vg-2050","Material Design 3 UI Skill","Agent skill that encodes Material Design 3 decision rules — semantic tokens, component choice by behaviour, adaptive width classes, accessibility — with progressive-disclosure reference…",15,232,["claude-skill","material-design","design-tokens","accessibility"],"@skydashnet","MIT","VG-2050.png",20685,6,0],["iconsroom-vg-2045","IconsRoom","Searchable front-end for 250,000+ open-source icons across 150+ sets, with colour and stroke customisation and SVG, PNG, React or Vue export.",3,101,["icons","svg","react","assets"],"@mdanassaif","free","VG-2045.jpg",20685,5,0],["name-that-frame-vg-2048","Name That Frame","Figma plugin that reads text, hierarchy and layout of selected frames and renames them and their inner layers with meaningful names, running locally.",4,445,["figma","layers","naming","cleanup"],"@TheRuqayyah","free","VG-2048-card.svg",20685,5,0],["write-md-vg-2054","Write.md","Open-source macOS Markdown editor built around appearance profiles — type, colour, glass, backgrounds — plus optional Vim keys and local spell checks.",7,50,["markdown","macos","editor","open-source"],"Daniel Bilek","Apache-2.0","VG-2054.webp",20685,2,0],["nine-slice-builder-vg-2047","Nine Slice Builder","Figma plugin that turns PNG artwork into 3-slice and 9-slice components using draggable rulers, keeping corners crisp while edges stretch or repeat.",4,445,["figma","game-ui","nine-slice","responsive"],"@NavidAbedini","free","VG-2047-card.svg",20685,7,0],["the-content-architecture-vg-2037","The Content Architecture","Paid Sanity + Next.js 16 / Astro 7 boilerplate built for agents: AGENTS.md, scoped skills, two in-repo MCP servers, llms.txt, page builder, fetch layer.",8,272,["sanity","nextjs","astro","agents","boilerplate"],"Edoardo Lunardi","paid","VG-2037.png",20684,6,0],["annual-report-archive-vg-2039","Annual Report Archive","Archive of 3,000+ vintage corporate annual report covers from 1945–1991, searchable by decade, industry, colour and what's pictured.",0,135,["archive","print","branding","vintage","mcp"],"Phil Hedayatnia (@PhilHedayatnia)","free","VG-2039.jpg",20684,3,0],["fuse-kiwi-vg-2042","fuse.kiwi","Curated link directory for the creative web, filterable across illustration, graphic design, art, photography, 3D, type, music and websites.",0,22,["directory","inspiration","creative-web","curation"],"Jonah Grindler (@jonahgrindler)","free","VG-2042.png",20684,5,0],["macfolio-vg-2043","Macfolio","Curated discovery site for the Mac ecosystem — indie software, hardware, workspace setups, books and videos, filed by category.",13,40,["macos","directory","indie-apps","curation"],"","free","VG-2043.png",20684,3,0],["buttery-vg-2044","Buttery","Minimal icon set drawn for interface work, with a browsable library, changelog and per-icon requests.",3,101,["icons","ui","minimal","interface"],"Rachel How (@rachelhxw)","freemium","VG-2044.png",20684,1,0],["study-old-ads-vg-2040","Study Old Ads","Curated gallery of vintage vertical print advertisements with fact-checked notes on the brand, campaign and copywriting behind each one.",0,135,["archive","advertising","copywriting","print","vintage"],"","free","VG-2040.png",20684,6,0],["rachel-how-tools-vg-2038","Rachel How — Tools","Short hand-picked list of design tools and visual archives the author actually returns to, each with a preview clip.",0,72,["directory","design-tools","curation","inspiration"],"Rachel How (@rachelhxw)","free","VG-2038-card.svg",20684,5,0],["icon-museum-vg-2041","Icon Museum","Curated gallery of finely crafted iOS and macOS app icons, browsable as a reference for icon mark design.",0,35,["icons","ios","macos","gallery","reference"],"@iconmuseum","free","VG-2041.png",20684,2,0],["motion-design-skill-vg-2036","Motion Design Skill","Agent skill teaching motion design judgement — timing, easing, choreography and Disney's 12 principles adapted for UI — independent of any animation library.",15,232,["claude-skill","motion","animation","easing","design"],"LottieFiles","MIT","VG-2036.png",20684,5,0],["infinite-liquid-glass-vg-2033","Infinite Liquid Glass","WebGPU liquid-glass carousel demo with real-time refraction and chromatic dispersion, built on three.js TSL node materials.",11,190,["liquid-glass","webgpu","tsl","threejs","refraction"],"Simon Hedlund (@shadersweden)","unknown","VG-2033.webp",20684,6,0],["instantshader-vg-2035","instantshader","Zero-dependency WebGL library for animated mesh-gradient backgrounds: seamless loops, mounts to any element, exports frames.",3,49,["webgl","gradient","shader","background","npm"],"@ugo_builds","MIT","VG-2035.png",20684,5,0],["get-grid-information-using-pure-css-vg-2034","Get Grid Information using pure CSS","Pure-CSS technique deriving a responsive grid's column count, row count and per-item coordinates using round(), sibling-count() and sibling-index().",11,312,["css","grid","modern-css","sibling-index","technique"],"Temani Afif (@t_afif)","free","VG-2034.png",20684,5,0],["termdom-vg-2028","TermDOM","Renders a real DOM styled with real CSS into terminal cells, giving TUIs browser-style layout, flexbox, text wrapping and coloured ANSI output.",13,270,["terminal","tui","dom","ansi","typescript"],"@bikeshaving","MIT","VG-2028.png",20684,4,0],["frontfamily-vg-2030","FrontFamily","Converts components between MUI, Chakra, Ant Design, Mantine, EUI, Bootstrap and Quasar using 219 hand-verified mappings, running entirely in the browser.",13,335,["migration","component-libraries","react","refactoring","cli"],"Bassem Chagra (@ch-bas)","Apache-2.0","VG-2030-card.svg",20684,2,0],["iso-24495-plain-language-skill-vg-2031","ISO 24495 Plain Language Skill","Claude Code skill encoding the ISO 24495-1 plain-language rules, rewriting text for reader outcomes in English and Traditional Chinese.",15,345,["claude-skill","plain-language","writing","iso","bilingual"],"@danyuchn","MIT","VG-2031.png",20684,3,0],["chinese-font-selector-vg-2032","Chinese Font Selector","Agent skill for picking CJK typefaces: licence-tiered commercial-safe font list, scene-by-mood selection matrix, and CJK–Latin pairing rules.",15,232,["claude-skill","typography","cjk","fonts","design"],"@Songzhi-lab","MIT","VG-2032.png",20684,4,0],["visimer-vg-2029","Visimer","Embeddable WYSIWYG editor for Mermaid diagrams — drag nodes, rename labels and change shapes, with Monaco and CodeMirror bindings plus a headless mode.",6,141,["mermaid","diagrams","editor","wysiwyg","react"],"Inkeep","MIT","VG-2029.png",20684,4,0],["abyssal-ocean-vg-2026","Abyssal Ocean","Real-time spectral FFT ocean in a single HTML file: WebGL2 and three.js, JONSWAP/TMA spectrum, three cascades, foam, caustics, underwater view.",11,359,["webgl2","threejs","glsl","ocean","single-file"],"@squall01337","MIT","VG-2026.png",20684,6,0],["hypnagogic-quasicrystals-vg-2027","Hypnagogic Quasicrystals","Browser playground for animated quasicrystal interference patterns with tunable tempo, density and palettes, custom shader rendering, and a WebXR mode.",7,10,["generative-art","shader","webxr","playground","animation"],"@r34117y","unknown","VG-2027-card.svg",20684,0,0],["dark-design-vg-2024","Dark.design","Hand-picked gallery of dark-themed websites sorted by sector — agency, AI, software, hardware, web3, education, culture and personal — plus free templates.",0,75,["dark-mode","inspiration","gallery","web-design","templates"],"Y5K LLC","free","VG-2024-card.svg",20683,5,0],["inspora-vg-2022","Inspora","Curated archive of recent visual and creative work across web, branding, product, motion, illustration, 3D and print, refreshed hourly.",0,22,["inspiration","archive","branding","motion","gallery"],"","free","VG-2022-480.webp",20683,4,0],["beautiful-ui-vg-2016","Beautiful UI","Copy-paste components for agent interfaces: chat, streaming text, thinking states, human-in-the-loop approvals, task lists and result rendering.",9,438,["ai-ui","chat","agents","react","copy-paste"],"Turbo (design studio)","MIT","VG-2016-card.svg",20683,5,0],["desktop-colors-vg-2006","Desktop Colors","Archive of every solid desktop background colour shipped by classic operating systems: 194 colours across 22 platforms, 1985 to 2024.",3,36,["color","palette","retro","archive","os-design"],"vlow","free","VG-2006-card.svg",0,0,0],["wired-elements-vg-2003","Wired Elements","Web components rendered with a hand-drawn sketchy look using Rough.js, for wireframes and prototypes.",9,187,["web-components","wireframe","sketch","prototyping"],"Preet Shihn (@pshihn)","MIT","VG-2003.png",0,3,0],["shadcn-next-workflows-vg-2004","shadcn-next-workflows","Interactive node-based workflow builder built with React Flow and shadcn, usable as a starting point for automation UIs.",9,446,["react-flow","workflow","nodes","shadcn"],"Bruno Fernandes (@nobruf)","open-source","VG-2004.png",0,6,0],["supahero-vg-1622","Supahero","Library of website hero-section designs from brands and studios, browsable as a reference wall. Now operated as part of Screensdesign.",0,35,["hero","landing-page","inspiration","patterns"],"","free","VG-1622-card.svg",0,6,0],["css-layout-vg-1567","CSS Layout","Collection of 100+ common layouts and UI patterns implemented in dependency-free CSS with copyable source.",0,138,["css","layout","patterns","vanilla"],"Nguyen Huu Phuoc (@phuocng)","MIT","VG-1567-card.svg",0,5,0],["design-engineering-club-vg-1582","Design Engineering Club","Community and publication for design engineers with essays, job links and shared practice notes.",0,72,["community","design-engineering","writing"],"Mathurah Ravigulan (@mathurahravi)","free","VG-1582-card.svg",0,4,0],["incompetech-vg-1528","Incompetech","Large royalty-free music library organised by mood, genre and tempo, produced by one composer.",0,425,["audio","music","royalty-free","filters"],"Kevin MacLeod","free","VG-1528-card.svg",0,5,0],["logobook-vg-1559","Logobook","Archive of classic logo marks and symbols organised by shape and category.",0,135,["logos","marks","archive","reference"],"Svizra","free","VG-1559-card.svg",0,6,0],["tailwind-weekly-vg-1648","Tailwind Weekly","Weekly newsletter covering Tailwind CSS releases, plugins, components and ecosystem projects.",0,57,["newsletter","tailwind","components","weekly"],"Vivian Guillen","free","VG-1648-card.svg",0,4,0],["kodelife-vg-1748","KodeLife","Real-time GPU shader IDE for desktop and mobile with live reload, MIDI and OSC input and multi-pass pipelines.",12,292,["shaders","glsl","live-coding","vj"],"Hexler (@hexler)","freemium","VG-1748-card.svg",0,3,0],["swiped-co-vg-1575","Swiped.co","Analysed archive of 440+ historic and modern ads, sales letters and landing pages, broken down by technique and niche.",0,447,["copywriting","swipe-file","marketing","ads","analysis"],"Swiped.co","freemium","VG-1575-card.svg",0,4,0],["designmunk-vg-1610","DesignMunk","Curated archive of homepage and landing-page design, filterable by category, page type and build stack, with a weekly newsletter.",0,448,["inspiration","landing-pages","gallery","newsletter","nextjs"],"tajim (@tajim)","free","VG-1610-card.svg",0,4,0],["design-systems-news-vg-1642","Design Systems News","Newsletter and link feed from the design.systems community covering tooling, governance and case studies.",0,57,["newsletter","design-systems","governance"],"design.systems community","free","VG-1642-card.svg",0,3,0],["fulldev-ui-vg-1807","Fulldev UI","Astro component and block library for building marketing sites with props-driven layout composition.",9,215,["astro","blocks","marketing","tailwind"],"Sil Veltman (@silveltman)","MIT","VG-1807-card.svg",0,6,0],["httpster-vg-1688","Httpster","Long-running showcase of sites picked for strong typography and efficient, unfussy layouts rather than award-bait effects.",0,75,["inspiration","typography","minimal","gallery"],"Dom","free","VG-1688-card.svg",0,4,0],["dither-me-this-vg-1719","Dither Me This","Browser tool for dithering images with Floyd-Steinberg, Atkinson, Bayer and other algorithms, with palette control and export.",12,61,["dithering","images","tool","pixel-art"],"doodad.dev (@shadowfaxrodeo)","free","VG-1719-card.svg",0,2,0],["ambientcg-vg-1766","ambientCG","Library of CC0 PBR material scans providing albedo, normal, roughness and displacement maps at multiple resolutions.",12,449,["pbr","textures","cc0","3d"],"Lennart Demes (@ambientCG)","free","VG-1766-card.svg",0,4,0],["3d-textures-vg-1765","3D Textures","Free seamless PBR texture set library with full map channels, published continuously by a single artist.",12,449,["pbr","textures","seamless","3d"],"Joao Paulo (@3dtexturesme)","free","VG-1765-card.svg",0,4,0],["mannequin-js-vg-1771","mannequin.js","Library for building and posing articulated human figures procedurally in Three.js through a body-part joint API.",12,384,["three.js","characters","posing","3d"],"Pavel Boytchev (@boytchev)","MIT","VG-1771-card.svg",0,7,0],["dominik-ui-vg-1799","Dominik UI","Opinionated components and tools for building AI chat and agent interfaces, published out of a personal portfolio repo.",9,438,["ai-ui","react","chat","registry"],"Dominik Koch (@mezotv)","open-source","VG-1799-card.svg",0,5,0],["shadcn-easy-install-vg-1893","shadcn-easy-install","Web tool that lets you tick multiple shadcn components and emits one combined install command.",9,450,["cli","shadcn","tooling","devx"],"community","open-source","VG-1893-card.svg",0,5,0],["sysinfocus-simple-ui-vg-1910","Sysinfocus simple/ui","Blazor component library inspired by shadcn/ui, providing themed C# components for .NET web apps.",9,165,["blazor","dotnet","components","shadcn"],"@sysinfocus","MIT","VG-1910-card.svg",0,5,0],["dizzy-systems-vg-1830","dizzy.systems","Bootstraps a project's font, colour and spacing scales into a coherent starting system before you write components.",9,441,["design-tokens","typography","spacing","scaffold"],"dizzy","free","VG-1830-card.svg",0,5,0],["imask-vg-1868","IMask","Vanilla JS input masking supporting pattern, number, date, regex and dynamic masks, with official React, Vue, Svelte and Solid bindings.",9,214,["input-mask","forms","vanilla-js","react"],"Alexey Kryazhev (@uNmAnNeR)","MIT","VG-1868-card.svg",0,4,0],["sailboat-ui-vg-1985","Sailboat UI","Open-source set of roughly 150 Tailwind CSS components covering avatars, badges, dropdowns, notifications and pagination.",9,140,["tailwind","components","css","free"],"Sailboat UI","open-source","VG-1985-card.svg",0,7,0],["dialectcn-vg-1933","dialectcn","Living catalog of shadcn presets and dialects, comparing how different registries restyle the same primitives.",9,128,["shadcn","presets","theming","catalog"],"","open-source","VG-1933-card.svg",0,7,0],["tinte-vg-1994","Tinte","Opinionated theme generator that produces VS Code themes and shares a token model with web UI theming.",9,451,["theme","vscode","colors","generator"],"Railly Hugo (@raillyhugo)","open-source","VG-1994-card.svg",0,3,0],["react-highlight-popover-vg-1925","react-highlight-popover","Headless React component that shows a popover when the user selects text, with no styling opinions.",9,239,["react","popover","text-selection","headless"],"Josh Daniel Bañares","MIT","VG-1925-card.svg",0,5,0],["daily-logo-challenge-vg-1577","Daily Logo Challenge","Fifty consecutive daily logo briefs delivered by email, with community critique happening on Instagram and Dribbble.",0,452,["logo","branding","challenge","practice","email"],"Daily Logo Challenge","free","VG-1577-card.svg",0,7,0],["liquid-metal-vg-1731","Liquid Metal","Animated liquid-metal border component for React with fluid chrome-like reflections and tunable motion parameters.",12,453,["react","shader","metal","border"],"Jakub Antalík (@jantalik)","free","VG-1731-card.svg",0,5,0],["fider-vg-1914","Fider","Open-source feedback board where users post ideas and vote, with discussion threads and status tracking.",9,254,["feedback","voting","roadmap","self-hosted"],"Northern App Labs / Guilherme Oenning","open-source","VG-1914-card.svg",0,3,0],["warcraftcn-vg-1981","warcraftcn","React components recreating the Warcraft III interface chrome: panels, portraits, ornate frames and buttons.",9,26,["react","game-ui","theme","shadcn"],"OrcDev (@theorcdev)","MIT","VG-1981-card.svg",0,4,0],["good-email-copy-vg-1837","Good Email Copy","Collection of real transactional and lifecycle email copy from well-known products, organised by message type.",9,60,["email","copywriting","gallery","reference"],"Good Email Copy","free","VG-1837-card.svg",0,6,0],["tsl-textures-vg-1778","tsl-textures","Collection of procedural textures such as wood, marble, cave, planet and camouflage, authored in Three.js Shading Language.",12,394,["tsl","webgpu","three.js","procedural"],"Pavel Boytchev (@boytchev)","MIT","VG-1778-card.svg",0,5,0],["acorn-vg-1831","Acorn","Email framework built on golden-ratio typography and a matching vertical rhythm system.",9,60,["email","typography","framework","rhythm"],"ThemeMountain","open-source","VG-1831-card.svg",0,5,0],["shader-park-vg-1755","Shader Park","JavaScript library for writing interactive 2D and 3D procedural shaders with built-in raymarching and signed distance functions.",12,144,["shaders","raymarching","sdf","creative-coding"],"Torin Blankensmith & Peter Whidden","MIT","VG-1755-card.svg",0,6,0],["shadcn-kanban-board-vg-1825","shadcn-kanban-board","Production-ready Kanban board for React with drag-and-drop columns, cards and keyboard accessibility.",9,303,["react","kanban","dnd","shadcn"],"","MIT","VG-1825-card.svg",0,3,0],["beautiful-react-hooks-vg-1932","beautiful-react-hooks","Collection of forty-plus React hooks for drag-and-drop, geolocation, storage, media queries, animation frames and lifecycle events.",9,454,["react","hooks","typescript","utilities"],"Antonio Ruotolo (@antonioru)","MIT","VG-1932.png",0,5,0],["threejs-tsl-tutorials-vg-1777","Threejs TSL Tutorials","Tutorial code repository working through Three.js Shading Language and WebGPURenderer with progressively more complex shader examples.",12,394,["tsl","webgpu","three.js","tutorial"],"Christian Helgeson (@cmhhelgeson)","MIT","VG-1777.png",0,3,0],["three-customshadermaterial-vg-1746","THREE-CustomShaderMaterial","Extends Three.js built-in materials with your own vertex and fragment shaders while keeping lighting, shadows and depth passes intact.",12,320,["three.js","shaders","r3f","materials"],"Faraz Shaikh (@FarazzShaikh)","MIT","VG-1746.png",0,4,0],["textify-js-vg-1517","Textify.js","Text animation library handling split-and-reveal presets with scroll triggers and TypeScript support, aimed at agency-style hero text.",2,98,["text","reveal","scroll","typescript"],"MAGGIx1404","MIT","VG-1517.png",0,5,0],["mazwai-vg-1598","Mazwai","Curated free stock video collection favouring cinematic, slow-motion and atmospheric footage.",0,94,["video","stock","cinematic","free"],"","free","VG-1598-card.svg",0,4,0],["jolly-ui-vg-1888","Jolly UI","shadcn/ui-compatible React components rebuilt on React Aria Components, trading Radix for stronger accessibility guarantees.",9,107,["react","react-aria","shadcn","accessibility"],"@jolbol1","MIT","VG-1888.png",0,4,0],["page-flows-vg-1673","Page Flows","Screen recordings of real product flows (onboarding, checkout, cancellation) captured over time.",0,42,["user-flows","video","ux-research","onboarding"],"Ramy Khuffash","paid","VG-1673-card.svg",0,3,0],["neobrutalism-vue-vg-1905","neobrutalism-vue","Vue component registry of neobrutalism-styled elements installable through a shadcn-compatible CLI and Tailwind theming workflow.",9,165,["vue","neobrutalism","registry","shadcn"],"@michaelsieminski","MIT","VG-1905.png",0,3,0],["ossos-vg-1772","ossos","Character skinning, inverse kinematics and animation retargeting library for the web, independent of any renderer.",12,384,["animation","rigging","characters","webgl"],"SketchpunkLabs (@sketchpunklabs)","MIT","VG-1772.png",0,5,0],["astro-components-kit-vg-1806","Astro Components Kit","Documented kit of reusable Astro components covering layout, navigation and content presentation patterns.",9,215,["astro","components","layout","static"],"@konstantinWDK","open-source","VG-1806-card.svg",0,6,0],["agnosticui-vg-1997","AgnosticUI","CLI that copies Lit web components into your project with React and Vue wrappers generated alongside.",9,187,["web-components","lit","react","vue"],"@AgnosticUI","MIT","VG-1997.png",0,4,0],["shadcn-dropzone-vg-1928","shadcn-dropzone","File upload dropzone for React built on react-dropzone with progress, preview and shadcn styling.",9,237,["react","file-upload","dropzone","shadcn"],"@janglad","MIT","VG-1928.png",0,4,0],["lion-web-components-vg-1890","Lion Web Components","Accessible, performant white-label web component primitives from ING Bank, intended as design system foundations.",9,107,["web-components","headless","accessibility","design-system"],"ING Bank (@ing-bank)","MIT","VG-1890.png",0,5,0],["cv-forge-vg-1864","CV Forge","Resume builder built on React Hook Form and react-pdf, usable as a reference implementation for complex nested forms.",9,214,["react-hook-form","react-pdf","forms","resume"],"CV Forge","open-source","VG-1864-card.svg",0,6,0],["nordic-design-gallery-vg-1691","Nordic Design Gallery","Regional gallery of Scandinavian studio and product websites with a consistent restrained aesthetic.",0,75,["inspiration","nordic","minimal","gallery"],"","free","VG-1691-card.svg",0,6,0],["scificn-ui-vg-1971","scificn-ui","Retro science-fiction design system of React components with angular frames, HUD panels and readouts.",9,26,["react","sci-fi","hud","theme"],"@baxy5","MIT","VG-1971.png",0,7,0],["p5-brush-vg-1738","p5.brush","p5.js addon adding natural brushes, hatching, vector fields and organic fill effects to the standard drawing API.",12,112,["p5js","brushes","generative-art","drawing"],"Alejandro Campos Uribe (@acamposuribe)","MIT","VG-1738.png",0,3,0],["awesome-glsl-vg-1715","awesome-glsl","Curated list of GLSL editors, playgrounds, debugging tools, frameworks and learning references in one page.",12,13,["glsl","directory","awesome-list","shaders"],"Ivan Vanderbyl / vanrez-nez (@vanrez-nez)","open-source","VG-1715.png",0,6,0],["tresjs-vg-1781","TresJS","Vue 3 custom renderer that lets you build Three.js scenes as Vue components with reactive props.",12,300,["vue","three.js","renderer","3d"],"Alvaro Saburido (@alvarosabu)","MIT","VG-1781.png",0,3,0],["websitevice-vg-1697","Websitevice","Gallery of real production websites sorted across fifty-plus industries and page types, aimed at practical reference rather than awards.",0,455,["inspiration","gallery","landing-pages","industries"],"Devluc","free","VG-1697-card.svg",0,5,0],["shadcn-editor-vg-1943","shadcn-editor","Lexical-based rich text editor themed with shadcn/ui components and installable via the shadcn CLI.",9,209,["react","lexical","editor","shadcn"],"@htmujahid","MIT","VG-1943.png",0,5,0],["maxibestof-vg-1689","Maxibestof","Small gallery curated personally by a product designer, weighted toward taste over volume or SEO.",0,75,["inspiration","curation","gallery","product-design"],"Bertrand Bruandet (@bertwitt)","free","VG-1689.jpg",0,5,0],["bellingcat-online-investigation-toolkit-vg-1652","Bellingcat Online Investigation Toolkit","Maintained directory of several hundred open source investigation tools across maps, imagery, archiving and analysis.",0,456,["osint","investigation","tools","directory"],"Bellingcat","free","VG-1652-card.svg",0,7,0],["dice-ui-vg-1950","Dice UI","Accessible shadcn/ui component set covering data tables, kanban, sortable lists, mentions and file upload, built on WAI-ARIA primitives.",9,26,["react","shadcn","accessibility","data-table"],"Sadman Sakib (@sadmann7)","MIT","VG-1950-card.svg",0,5,0],["ui-land-vg-1590","ui.land","Digital library indexing UI resources, references and components for designers and engineers working on interface craft.",0,72,["directory","ui","library","reference"],"Emil Kowalski (@emilkowalski)","free","VG-1590-card.svg",0,5,0],["formbuilder-alandsleman-vg-1866","FormBuilder (AlandSleman)","Visual builder that generates type-safe React Hook Form and Zod code from a drag-and-drop form layout.",9,214,["form-builder","zod","react-hook-form","codegen"],"Aland Sleman (@AlandSleman)","open-source","VG-1866.png",0,5,0],["tablecraft-vg-1828","TableCraft","Table engine wiring Drizzle ORM queries to a React data table with filters, sorting and export.",9,303,["react","data-table","drizzle","orm"],"@jacksonkasi1","MIT","VG-1828-480.webp",0,7,0],["form-design-patterns-vg-1865","Form Design Patterns","Ten-chapter book of accessible, progressively-enhanced form patterns for registration, checkout, booking, filtering and upload.",9,214,["forms","ux","accessibility","patterns"],"Adam Silver (@adamsilver)","paid","VG-1865-card.svg",0,6,0],["shuip-vg-1855","Shuip","React components plus ready-made React Hook Form and TanStack Form fields, kanban boards and data tables.",9,457,["react-hook-form","tanstack","kanban","datatable"],"plvo","open-source","VG-1855-card.svg",0,7,0],["emblor-vg-1857","emblor","Customizable React tag input component with autocomplete, validation, keyboard navigation and shadcn styling.",9,154,["react","tag-input","shadcn","forms"],"Jaleel Bennett (@JaleelB)","MIT","VG-1857-480.webp",0,3,0],["eyecandy-vg-1634","Eyecandy","Searchable library of visual techniques in film and video, indexed by effect name.",0,21,["film","motion","technique","reference"],"Jacobi Mehringer (@eyecannndy)","freemium","VG-1634-card.svg",0,7,0],["alter-email-vg-1832","Alter.email","Browser tool that inlines CSS, minifies markup and rewrites URLs for tracking in one pass over an email file.",9,60,["email","inliner","minify","tooling"],"Cosmin Popovici (@maizzle)","free","VG-1832-card.svg",0,5,0],["motion-primitives-vg-1963","Motion Primitives","Copy-paste animated React components built on Motion: text effects, docks, dialogs and transition primitives.",9,26,["react","motion","animation","primitives"],"Julien Thibeaut (@ibelick)","MIT","VG-1963-card.svg",0,8,0],["react-joyride-vg-1920","React Joyride","React walkthrough library that positions and styles tour steps while letting you supply your own components.",9,254,["onboarding","react","walkthrough","tour"],"Gil Barbara (@gilbarbara)","MIT","VG-1920-card.svg",0,7,0],["opnform-vg-1870","OpnForm","Open-source form and survey builder with conditional logic, calculated fields, custom domains and self-hosting.",9,214,["form-builder","survey","self-hosted","conditional-logic"],"OpnForm","open-source","VG-1870-card.svg",0,8,0],["shadcn-table-vg-1826","shadcn-table","Data table for React with server-side pagination, filtering, sorting and column controls on TanStack Table.",9,303,["react","data-table","tanstack","shadcn"],"Sadman Sakib (@sadmann7)","MIT","VG-1826.png",0,3,0],["stubborn-vg-1591","Stubborn","Free vector illustration set licensed for commercial use with a consistent character system.",0,119,["illustration","vector","free","commercial"],"","free","VG-1591-card.svg",0,5,0],["commerce-cream-vg-1654","Commerce Cream","Gallery of well-designed Shopify storefronts, curated exclusively around that one platform.",0,34,["ecommerce","shopify","gallery","inspiration"],"","free","VG-1654-card.svg",0,7,0],["onborda-vg-1924","Onborda","Product tour and onboarding component for Next.js with step targeting, masking and route awareness.",9,239,["react","nextjs","onboarding","tour"],"@uixmat","MIT","VG-1924.png",0,6,0],["shadcn-storybook-registry-vg-1972","shadcn-storybook-registry","Registry that installs ready-made Storybook stories for shadcn/ui components into your project.",9,26,["storybook","shadcn","testing","registry"],"Lloyd Richards","MIT","VG-1972-card.svg",0,6,0],["layers-vg-1586","Layers","Curated feed of tools, resources, design systems and lesser-known design gems alongside maker and designer portfolios.",0,72,["directory","tools","portfolios","community"],"","freemium","VG-1586-card.svg",0,4,0],["ios-icon-gallery-vg-1617","iOS Icon Gallery","Long-running archive of well-crafted iOS app icons, useful as a reference for icon mark design.",0,35,["icons","ios","branding","gallery"],"Jim Nielsen","free","VG-1617-card.svg",0,4,0],["matcaps-vg-1768","matcaps","Repository of hundreds of matcap material capture textures with a searchable preview page, free for any use.",12,449,["matcap","textures","three.js","materials"],"Alex Rodin (@nidorx)","MIT","VG-1768.png",0,4,0],["ui-patterns-vg-1677","UI-Patterns","Catalogue of interface and persuasive design patterns, each with problem statement, rationale and real examples.",0,42,["ui-patterns","psychology","persuasion","reference"],"Anders Toxboe","freemium","VG-1677-card.svg",0,7,0],["sketch-js-vg-1712","Sketch.js","Minimal creative coding boilerplate that sets up a canvas, animation loop and input handling in a few lines.",12,97,["canvas","creative-coding","boilerplate","js"],"Justin Windle (@soulwire)","MIT","VG-1712-card.svg",0,3,0],["pines-ui-vg-1801","Pines UI","Alpine.js and Tailwind UI library of copy-paste interactive components listed in the official Alpine docs.",9,458,["alpinejs","tailwind","html","components"],"DevDojo","MIT","VG-1801-card.svg",0,5,0],["matsu-theme-vg-1962","Matsu Theme","Studio Ghibli inspired shadcn/ui theme with hand-drawn textures, soft palettes and custom typography.",9,26,["shadcn","theme","illustration","tailwind"],"Matt Wierzbicki (@matsugfx)","MIT","VG-1962-card.svg",0,3,0],["react-mobile-picker-vg-1874","react-mobile-picker","iOS-style scrolling wheel picker for React, useful for date, time and constrained option selection on touch.",9,214,["picker","mobile","ios","react"],"adcentury","MIT","VG-1874.png",0,6,0],["shadui-for-avalonia-vg-1908","ShadUI for Avalonia","Avalonia and .NET desktop component library implementing shadcn/ui design patterns in XAML.",9,165,["dotnet","avalonia","desktop","shadcn"],"@accntech","MIT","VG-1908.png",0,7,0],["nodetoy-vg-1736","NodeToy","Node-based GLSL shader editor that exports working shaders for Three.js and other WebGL pipelines.",12,459,["shaders","node-editor","threejs","glsl"],"","freemium","VG-1736-card.svg",0,3,0],["kompute-vg-1770","Kompute","Steering behaviour and spatial query library for 3D agents, usable with Three.js for flocking and pursuit.",12,384,["steering","ai","3d","agents"],"Oguz Eroglu (@oguzeroglu)","MIT","VG-1770.png",0,4,0],["neobrutalism-components-vg-1965","Neobrutalism components","shadcn and Radix components restyled with thick borders, hard shadows and flat colour in the neobrutalist idiom.",9,26,["react","radix","neobrutalism","theme"],"@ekmas","MIT","VG-1965.png",0,5,0],["typegpu-vg-1792","TypeGPU","Modular WebGPU toolkit with typed buffers, bind groups and the ability to author WGSL shaders directly in TypeScript.",12,341,["webgpu","wgsl","typescript","gpu"],"Software Mansion (@swmansion)","MIT","VG-1792.png",0,7,0],["angular-three-vg-1703","angular-three","Angular custom renderer for Three.js, giving Angular the same declarative scene-graph model react-three-fiber gives React.",12,460,["angular","three.js","renderer","3d"],"Chau Tran (@nartc)","MIT","VG-1703.png",0,4,0],["svgrepo-vg-1600","SVGRepo","Search engine over 500,000 open-licensed SVG vectors and icons with one-click download and editing.",0,94,["svg","icons","vectors","search"],"SVG Repo LLC","free","VG-1600-card.svg",0,4,0],["shaderfrog-vg-1750","ShaderFrog","Online shader composer that visually combines and remixes existing GLSL shaders and exports them to Three.js.",12,292,["glsl","shaders","editor","three.js"],"Andrew Ray (@andrewray)","free","VG-1750-card.svg",0,2,0],["shader-ast-vg-1762","shader-ast","TypeScript DSL and AST compiling one shader definition to GLSL, WGSL or JavaScript, enabling CPU-side shader debugging.",12,358,["shaders","typescript","dsl","codegen"],"Karsten Schmidt (@thing_umbrella)","Apache-2.0","VG-1762.png",0,3,0],["webglimagetransitions-vg-1786","webGLImageTransitions","Collection of WebGL slideshow transition shaders between images, with displacement, wave and threshold variants.",12,129,["webgl","transitions","shaders","slideshow"],"Yuri Artiukh (@akella)","MIT","VG-1786-480.webp",0,6,0],["signature-pad-vg-1880","signature_pad","Canvas-based smooth signature capture using variable-width Bézier interpolation, with undo and erase.",9,214,["signature","canvas","input","forms"],"Szymon Nowak (@szimek)","MIT","VG-1880.png",0,5,0],["htmlrev-vg-1568","HTMLrev","Directory of free HTML and CSS templates, UI libraries and boilerplates aggregated across sources.",0,138,["templates","html","css","boilerplate"],"Devluc (@webdevluc)","free","VG-1568-card.svg",0,6,0],["kute-js-vg-1508","KUTE.js","Animation engine with plugins for SVG path morphing, cubic morphing, SVG transforms, text and CSS properties.",2,295,["svg","morph","javascript","plugins"],"thednp (@thednp)","MIT","VG-1508-card.svg",0,4,0],["axis-praxis-resources-vg-1521","Axis-Praxis Resources","Catalog of variable-font tools and references — playgrounds, inspectors like Samsa, axis-mapping editors, and CodePen collections for animating font axes.",2,461,["variable-fonts","typography","tools","reference"],"Laurence Penney (@lorp)","free","VG-1521-card.svg",0,6,0],["clipstill-vg-1593","Clipstill","Collection of cinemagraphs, still images with a single looping element of motion.",0,94,["cinemagraph","video","loop","assets"],"","freemium","VG-1593-card.svg",0,3,0],["flubber-vg-1507","flubber","Utility that interpolates between arbitrary SVG shapes by normalizing point counts, enabling morphs between unrelated paths.",2,295,["svg","morph","interpolation","dataviz"],"Noah Veltman (@veltman)","MIT","VG-1507.png",0,5,0],["musopen-vg-1529","Musopen","Nonprofit library of public-domain classical recordings and sheet music, free of licensing restrictions.",0,425,["audio","music","public-domain","nonprofit"],"Musopen","free","VG-1529-card.svg",0,3,0],["book-cover-archive-vg-1555","Book Cover Archive","Archive of book cover designs with credits for designer, art director and publisher.",0,135,["book-covers","typography","archive","credits"],"Ben Pieratt & Eric Jacobsen","free","VG-1555-card.svg",0,6,0],["people-s-graphic-design-archive-vg-1560","People's Graphic Design Archive","Crowdsourced archive of graphic design history contributed by practitioners and institutions.",0,135,["graphic-design","history","archive","crowdsourced"],"People's Graphic Design Archive","free","VG-1560-card.svg",0,6,0],["art-of-the-title-vg-1630","Art of the Title","Deep archive of film and TV title sequences with interviews and breakdowns of how they were made.",0,21,["motion","titles","film","breakdown"],"Ian Albinson & Alexander Ulloa","free","VG-1630-card.svg",0,5,0],["ui-movement-vg-1638","UI Movement","Long-running feed of UI animations submitted and voted on, with an accompanying email digest.",0,21,["motion","animation","ui","newsletter"],"Ramy Khuffash","free","VG-1638-card.svg",0,6,0],["landings-dev-vg-1657","Landings.dev","Gallery of landing pages for SaaS, mobile apps and startups with developer-oriented framing.",0,34,["landing-page","saas","startup","gallery"],"","free","VG-1657-card.svg",0,4,0],["use-modify-vg-1666","Use & Modify","Collection of open-source typefaces explicitly licensed to be modified and redistributed.",0,52,["fonts","open-source","typography","modify"],"Raphaël Bastide","open-source","VG-1666-card.svg",0,6,0],["pttrns-vg-1674","Pttrns","Long-running mobile UI pattern library organised by screen type and interaction category.",0,42,["mobile","ui-patterns","ios","android"],"","freemium","VG-1674-card.svg",0,2,0],["brutalist-websites-vg-1683","Brutalist Websites","Archive of raw-HTML, harsh-contrast and deliberately unconventional websites, each with a short designer statement.",0,75,["brutalism","experimental","inspiration","archive"],"","free","VG-1683-card.svg",0,5,0],["seesaw-vg-1693","SEESAW","Inspiration gallery that previews each site as a fast video clip so motion and scroll behaviour are visible.",0,75,["inspiration","video-preview","motion","gallery"],"","free","VG-1693-card.svg",0,4,0],["css-doodle-vg-1709","css-doodle","Web component that generates CSS-only patterns and grids from a compact declarative rule language with built-in randomness.",12,97,["css","patterns","generative","web-components"],"Yuan Chuan (@yuanchuan23)","MIT","VG-1709-card.svg",0,4,0],["shadershop-vg-1751","Shadershop","Visual editor where shader functions are built by dragging and combining graphs rather than writing the math manually.",12,292,["shaders","visual-programming","math","research"],"Toby Schachman (@tobyschachman)","free","VG-1751-card.svg",0,3,0],["vertex-shader-art-vg-1760","Vertex Shader Art","Gallery and live editor where every artwork is generated purely from a vertex shader driving a point or line array.",12,427,["glsl","vertex-shaders","gallery","creative-coding"],"Gregg Tavares (@greggman)","free","VG-1760-card.svg",0,4,0],["shadergif-vg-1759","ShaderGif","Open-source platform for publishing and browsing animated art generated by code, with GIF export from shaders.",12,427,["shaders","gif","gallery","generative"],"ShaderGif","open-source","VG-1759-card.svg",0,5,0],["lygia-vg-1753","LYGIA","Granular dependency-free shader library of noise, SDF, colour, lighting and filter functions in GLSL, HLSL, WGSL, Metal and CUDA.",12,144,["glsl","wgsl","shaders","noise"],"Patricio Gonzalez Vivo (@patriciogv)","open-source","VG-1753-card.svg",0,4,0],["glsl-sandbox-vg-1757","GLSL Sandbox","Minimal online fragment shader editor and public gallery where every submitted shader can be forked and edited.",12,427,["glsl","editor","gallery","webgl"],"Ricardo Cabello / mrdoob (@mrdoob)","open-source","VG-1757-card.svg",0,3,0],["hdri-to-cubemap-vg-1767","HDRI-to-CubeMap","Browser tool converting an equirectangular HDRI into six cube map faces with format and resolution options.",12,449,["hdri","cubemap","three.js","textures"],"Mateusz Wisniewski (@matheowis)","open-source","VG-1767-card.svg",0,3,0],["threlte-vg-1764","Threlte","Svelte component library and renderer for Three.js with physics, XR, extras and a declarative scene graph.",12,462,["svelte","three.js","3d","components"],"Grischa Erbe (@grischaerbe)","MIT","VG-1764.png",0,6,0],["three-bvh-csg-vg-1773","three-bvh-csg","Fast, memory-compact constructive solid geometry for Three.js with runtime boolean union, subtraction and intersection on meshes.",12,384,["three.js","csg","geometry","booleans"],"Garrett Johnson (@gkjohnson)","MIT","VG-1773-480.webp",0,5,0],["react-colorful-vg-1871","react-colorful","A 2.5KB dependency-free, accessible colour picker for React with no runtime styling requirement and full keyboard support.",9,214,["color-picker","react","tiny","accessible"],"Vlad Shilov (@omgovich)","MIT","VG-1871.png",0,5,0],["starwind-ui-vg-1808","Starwind UI","Astro component library with accessible, Tailwind-styled components installed by CLI into your project.",9,215,["astro","tailwind","components","cli"],"Branden (@boston343builds)","MIT","VG-1808-card.svg",0,4,0],["designgui-vg-1816","DesignGui","Browser extension for inspecting and editing a live site's CSS custom properties and design tokens.",9,338,["devtools","css-variables","tokens","extension"],"@jchetters","freemium","VG-1816-card.svg",0,6,0],["shadcn-hooks-vg-1817","shadcn-hooks","Registry of installable React hooks distributed through the shadcn CLI alongside your components.",9,338,["react","hooks","registry","shadcn"],"Brendan Dash (@Debbl)","MIT","VG-1817-card.svg",0,5,0],["planner-vg-1813","Planner","Adaptable React scheduling component for resource and time-slot planning built on shadcn primitives.",9,267,["react","scheduler","planning","shadcn"],"Zvi Uretzky (@UretzkyZvi)","MIT","VG-1813-480.webp",0,4,0],["ui-builder-vg-1820","UI Builder","No-code visual editor that composes React and shadcn components into layouts and exports real code.",9,338,["react","no-code","builder","shadcn"],"@olliethedev","MIT","VG-1820.png",0,6,0],["heml-vg-1838","HEML","Open-source markup language for responsive email that uses familiar HTML-like tags and real CSS.",9,60,["email","markup","responsive","open-source"],"SparkPost / Dylan Smith","MIT","VG-1838-card.svg",0,5,0],["testmail-app-vg-1851","testmail.app","Fake SMTP service giving unlimited disposable mailboxes with a GraphQL API for automated email testing in CI.",9,60,["email","testing","graphql","ci"],"testmail","freemium","VG-1851-card.svg",0,6,0],["pine-vg-1848","Pine","Twelve-column responsive email framework with a documented grid and modular content blocks.",9,60,["email","grid","framework","responsive"],"ThemeMountain","open-source","VG-1848-card.svg",0,3,0],["card-jessepollak-vg-1863","Card (jessepollak)","Drop-in credit card form enhancement that renders an animated card preview reflecting typed number, name and expiry.",9,214,["credit-card","checkout","input","animation"],"Jesse Pollak (@jessepollak)","MIT","VG-1863-480.webp",0,5,0],["autoform-vg-1862","AutoForm","Renders a complete form automatically from an existing Zod, Yup or Joi schema, with adapters for shadcn, MUI, Mantine and Chakra.",9,214,["zod","forms","schema","shadcn"],"Bennett (@vantezzen)","MIT","VG-1862-card.svg",0,6,0],["indie-starter-form-builder-vg-1869","Indie Starter Form Builder","Free web form builder that emits shadcn, React Hook Form and Zod code ready to paste into a project.",9,214,["form-builder","shadcn","zod","codegen"],"Indie Starter","free","VG-1869-card.svg",0,4,0],["shadcn-zod-form-vg-1878","shadcn-zod-form","CLI that generates shadcn form components directly from a Zod schema file.",9,214,["cli","zod","shadcn","codegen"],"Ilya Chuvatkin (@ilyichv)","MIT","VG-1878.png",0,4,0],["undraw-cn-vg-1892","undraw-cn","Components that wrap unDraw illustrations so they can be themed and dropped into shadcn projects as source.",9,463,["illustrations","undraw","shadcn","react"],"vaatun","open-source","VG-1892-card.svg",0,4,0],["franken-ui-vg-1902","Franken UI","HTML-first, framework-agnostic component library styled after shadcn/ui and built on top of the UIkit framework.",9,165,["html","uikit","shadcn","framework-agnostic"],"Reden","MIT","VG-1902-card.svg",0,4,0],["driver-js-vg-1912","Driver.js","5KB dependency-free library for product tours, feature highlights and contextual hints with a spotlight overlay.",9,254,["product-tour","onboarding","vanilla-js","tiny"],"Kamran Ahmed (@kamrify)","MIT","VG-1912-card.svg",0,6,0],["empty-states-vg-1913","Empty States","Curated gallery of empty-state UI from real apps, filterable by mobile, desktop, iOS and Android.",9,254,["empty-states","gallery","ux","inspiration"],"@emptystates","free","VG-1913-card.svg",0,6,0],["shepherd-vg-1921","Shepherd","Framework-agnostic guided tour library with focus trapping, full keyboard navigation and ARIA compliance.",9,254,["product-tour","accessibility","onboarding","framework-agnostic"],"Ship Shape (@shipshapecode)","MIT","VG-1921-card.svg",0,3,0],["ewgenius-ui-radix-colors-vg-1930","ewgenius/ui radix colors","Tool for building shadcn themes directly from Radix Colors scales instead of hand-picking HSL values.",9,464,["radix-colors","theme","shadcn","palette"],"Evgeny Kuznetsov (@ewgenius)","open-source","VG-1930-card.svg",0,3,0],["tailwindcss-motion-vg-1989","tailwindcss-motion","Tailwind plugin from Rombo adding a concise utility syntax for entrance, exit and looping animations.",9,219,["tailwind","animation","plugin","utilities"],"Rombo","MIT","VG-1989-card.svg",0,8,0],["kaboompics-vg-1596","Kaboompics","Free stock photo library that ships a matching color palette alongside every image.",0,94,["photos","stock","color-palette","free"],"Karolina Grabowska","free","VG-1596.jpg",0,5,0],["screenlane-vg-1637","Screenlane","Searchable feed of mobile and web UI screens and interactions updated continuously.",0,21,["mobile","ui","inspiration","search"],"Ramy Khuffash","free","VG-1637-card.svg",0,5,0],["more-shadcn-vg-1982","more-shadcn","Extra Svelte 5 components built on top of shadcn-svelte, extending the base set with community additions.",9,465,["svelte","shadcn-svelte","components","registry"],"noair","open-source","VG-1982-card.svg",0,5,0],["awesome-webgpu-vg-1717","awesome-webgpu","Curated index of WebGPU libraries, engines, samples, articles and tooling, maintained as the specification ships.",12,13,["webgpu","directory","awesome-list","gpu"],"Mik Bry (@mikbry)","open-source","VG-1717.png",0,6,0],["react-jsonschema-form-vg-1873","react-jsonschema-form","Builds and validates complete forms from a JSON Schema, with themes for Bootstrap, MUI, Chakra and more.",9,214,["json-schema","forms","validation","react"],"RJSF Team / Mozilla Services","Apache-2.0","VG-1873.png",0,2,0],["nightingale-vg-2000","Nightingale","Data visualisation web components for life sciences: sequence tracks, alignments and genome browsers.",9,187,["web-components","dataviz","bioinformatics","tracks"],"EMBL-EBI (@ebi-webcomponents)","MIT","VG-2000.png",0,4,0],["free-music-archive-vg-1527","Free Music Archive","Long-running library of legal, high-quality audio downloads with clear per-track licensing.",0,425,["audio","music","creative-commons","archive"],"Free Music Archive","free","VG-1527-card.svg",0,5,0],["appshots-vg-1624","Appshots","Gallery of mobile app screens organised by app and screen category for quick pattern lookup.",0,68,["mobile","screenshots","patterns","gallery"],"","free","VG-1624-card.svg",0,4,0],["siiimple-vg-1694","Siiimple","Minimalist CSS-focused inspiration gallery cataloguing simple sites with clean structure and limited visual noise.",0,75,["minimal","css","inspiration","gallery"],"Aigars Silkalns","free","VG-1694-card.svg",0,5,0],["mjml-vg-1846","MJML","Markup language that compiles semantic email tags into responsive table-based HTML tested across email clients.",9,60,["email","markup","responsive","compiler"],"Mailjet","MIT","VG-1846-card.svg",0,5,0],["lingua-time-vg-1812","lingua-time","Datetime picker that parses natural language input like next friday at 3pm into a concrete date.",9,267,["react","datepicker","nlp","shadcn"],"Naing Linn Khant (@nainglinnkhant)","MIT","VG-1812.png",0,3,0],["cult-ui-vg-1949","Cult UI","Animated shadcn-compatible components aimed at design engineers: texture cards, dynamic islands, popovers and expandable layouts.",9,26,["react","motion","shadcn","animation"],"Jordan Gilliam (@nolansym)","MIT","VG-1949-card.svg",0,5,0],["repetitionhovereffect-vg-1705","RepetitionHoverEffect","Demo and source for a hover effect that stacks and scales repeated image layers with staggered motion.",12,357,["hover","effects","css","demo"],"Codrops / Manoela Ilic (@crnacura)","MIT","VG-1705.png",0,6,0],["three-pathfinding-vg-1775","three-pathfinding","Navigation mesh pathfinding for Three.js scenes, computing agent routes across baked navmesh geometry at runtime.",12,384,["three.js","pathfinding","navmesh","games"],"Don McCurdy (@donrmccurdy)","MIT","VG-1775-480.webp",0,6,0],["flong-shaping-functions-vg-1727","Flong shaping functions","Archive of pattern and shaping functions covering easing, sigmoid, Bezier and oscillation with equations and multi-language code.",12,53,["math","easing","creative-coding","reference"],"Golan Levin (@golan)","free","VG-1727-card.svg",0,3,0],["gpu-curtains-vg-1793","gpu-curtains","Lightweight WebGPU rendering library that turns DOM elements into textured planes and meshes driven by WGSL shaders.",12,466,["webgpu","wgsl","shaders","dom","3d"],"Martin Laxenaire (@martinlaxenaire)","MIT","VG-1793.png",0,5,0],["design-engineer-tools-vg-1581","Design Engineer Tools","Directory of tools aimed specifically at web-focused design engineers rather than general designers or general frontend developers.",0,72,["design-engineering","tools","directory"],"James Warner","free","VG-1581-card.svg",0,5,0],["brand-new-vg-1556","Brand New","Long-running editorial site reviewing corporate and brand identity redesigns with critical written analysis.",0,135,["branding","identity","critique","archive"],"UnderConsideration (Armin Vit & Bryony Gomez-Palacio)","freemium","VG-1556-card.svg",0,7,0],["really-good-emails-vg-1561","Really Good Emails","Large searchable archive of marketing and transactional emails with HTML available for reference.",0,135,["email","marketing","archive","html"],"Matthew Smith","freemium","VG-1561-card.svg",0,3,0],["codestitch-vg-1824","CodeStitch","Library of HTML and CSS only sections and components requiring no framework, build step or JavaScript.",9,467,["html","css","no-js","sections"],"CodeStitch Inc.","freemium","VG-1824-card.svg",0,5,0],["the-force-vg-1752","The Force","Browser live-coding environment for GLSL fragment shaders with audio reactivity, built for live audiovisual performance.",12,292,["glsl","live-coding","audio-reactive","vj"],"Shawn Lawson (@shawnlawson)","open-source","VG-1752-card.svg",0,5,0],["alfrid-vg-1787","Alfrid","Compact WebGL toolset of framebuffers, cameras, batches and shader helpers used across Yi-Wen Lin's experiments.",12,344,["webgl","minimal","gpgpu","shaders"],"Yi-Wen Lin (@yiwenl)","MIT","VG-1787.png",0,5,0],["bg-ibelick-vg-1823","bg.ibelick","Collection of modern CSS and Tailwind background snippets: gradients, grids, noise and mesh patterns.",9,467,["css","tailwind","backgrounds","gradients"],"Julien Thibeaut (@ibelick)","MIT","VG-1823-480.webp",0,6,0],["v-fonts-vg-1096","v-fonts","Reference catalogue of 377 variable fonts with live axis sliders, filterable by axes, script coverage and license.",4,468,["variable-fonts","typography","directory","opentype"],"Nick Sherman (@nicksherman)","free","VG-1096-card.svg",0,5,0],["hoverstat-es-vg-1459","Hoverstat.es","Curated gallery of web design work selected specifically for interaction and motion quality rather than visual styling alone.",2,401,["gallery","inspiration","interaction","motion"],"Official Business (@hoverstates)","free","VG-1459-card.svg",0,4,0],["figma-asset-downloader-vg-1045","Figma Asset Downloader","CLI that pulls exportable assets out of a Figma file into your repo at the right scales and formats, ready for CI.",4,276,["figma-api","cli","assets","ci"],"Roberto Huertas (@robertohuertasm)","open-source","VG-1045-card.svg",0,6,0],["freesound-vg-1057","Freesound","Collaborative database of hundreds of thousands of Creative Commons sound effects and field recordings, with an API.",4,115,["sfx","creative-commons","field-recording","api"],"Universitat Pompeu Fabra / MTG","open-source","VG-1057-card.svg",0,3,0],["omnibus-type-vg-1067","Omnibus-Type","Argentinian foundry behind widely used open variable families including Archivo, Chivo, Asap, Saira and Faustina.",4,73,["fonts","variable-fonts","open-source","latin"],"Omnibus-Type","open-source","VG-1067-card.svg",0,2,0],["bfxr-vg-1102","Bfxr","Sound effect generator extending sfxr with more waveforms, mixing, mutation and a footstep generator; exports WAV.",10,91,["sfx","chiptune","sound-generator","retro"],"increpare (Stephen Lavelle)","open-source","VG-1102-card.svg",0,3,0],["amcharts-free-svg-maps-vg-1075","amCharts Free SVG Maps","Free vector SVG maps of every country, region and US state, editable in any design tool.",4,62,["maps","svg","vector","geography"],"amCharts","free","VG-1075-card.svg",0,5,0],["lost-and-taken-vg-1092","Lost and Taken","Long-running archive of free high-resolution texture photography, including over four hundred paper textures alone.",4,469,["textures","paper","grunge","vintage"],"Lost and Taken","free","VG-1092-card.svg",0,2,0],["strudel-vg-1109","Strudel","Browser live-coding environment that ports the TidalCycles pattern language to JavaScript for algorithmic music.",10,91,["live-coding","music","patterns","web-audio"],"TidalCycles community","open-source","VG-1109-card.svg",0,3,0],["logo-dust-vg-1079","Logo Dust","Collection of free, unused, professionally designed logos you can adopt for a side project or startup.",4,62,["logos","branding","free","identity"],"Logo Dust","free","VG-1079-card.svg",0,5,0],["3d-game-shaders-for-beginners-vg-1284","3D Game Shaders For Beginners","Step-by-step repo covering normal mapping, SSAO, bloom, outlining, fog and depth of field with runnable code.",1,402,["shaders","3d","rendering","tutorial"],"David Lettier (@lettier)","open-source","VG-1284-card.svg",0,4,0],["puzzlescript-vg-1123","PuzzleScript","Open-source HTML5 puzzle game engine where entire games are written as rewrite rules in a plain text file.",10,166,["puzzle","rules-engine","html5","text-based"],"increpare (Stephen Lavelle)","MIT","VG-1123-card.svg",0,4,0],["ciechanow-ski-vg-1133","ciechanow.ski","Interactive articles explaining science and engineering — lenses, GPS, gears, sound, mechanical watches — with manipulable inline simulations.",10,118,["explorables","interactive","simulation","writing"],"Bartosz Ciechanowski (@BCiechanowski)","free","VG-1133-card.svg",0,4,0],["the-shape-of-design-vg-1248","The Shape of Design","Frank Chimero's book on craft, storytelling and the why of design work, readable free chapter by chapter.",1,44,["design","book","craft","philosophy"],"Frank Chimero (@fchimero)","CC-BY-NC-SA","VG-1248-card.svg",0,4,0],["amelia-wattenberger-vg-1253","Amelia Wattenberger","Essays on interface design and tools for thought, each built as its own custom interactive artifact.",1,142,["design-engineering","essays","interactive","tools-for-thought"],"Amelia Wattenberger (@wattenberger)","free","VG-1253-card.svg",0,2,0],["ishadeed-lab-container-queries-vg-1267","iShadeed Lab — Container Queries","Live experiment lab demonstrating container query behaviour with resizable demos and annotated edge cases.",1,1,["css","container-queries","demo","lab"],"Ahmad Shadeed (@shadeed9)","free","VG-1267-card.svg",0,5,0],["rapier-vg-1152","Rapier","Rust 2D/3D physics engine with official WebAssembly npm packages, deterministic simulation and continuous collision detection.",10,212,["physics","wasm","rust","3d"],"Dimforge (@dimforge)","Apache-2.0","VG-1152-card.svg",0,5,0],["ceaser-vg-1452","Ceaser","Single-page cubic-bezier visualizer with named presets and live preview of the curve against a moving element.",2,64,["easing","cubic-bezier","preview","tool"],"Matthew Lein (@matthewlein)","free","VG-1452-card.svg",0,2,0],["matrix-multiplication-vg-1259","Matrix Multiplication","One-page animated visualiser that walks through matrix multiplication step by step with your own input values.",1,142,["math","matrix","visualizer","interactive"],"Fadi Shawki","free","VG-1259-card.svg",0,3,0],["polychrom-vg-1023","Polychrom","Figma plugin that measures contrast between overlapping layers using APCA, accounting for blend modes, opacity and stacked backgrounds.",4,398,["figma-plugin","apca","contrast","accessibility"],"Evil Martians","free","VG-1023-card.svg",0,3,0],["frontendeval-vg-1271","frontendeval","Free front-end interview exercises delivered as realistic build tasks, with new questions published by email over time.",1,317,["interviews","frontend","practice","exercises"],"frontendeval","free","VG-1271-card.svg",0,4,0],["greensock-learning-vg-1298","GreenSock Learning","Official GSAP channel with ScrollTrigger walkthroughs, timeline sequencing lessons and common-mistake breakdowns.",1,470,["youtube","gsap","animation","scrolltrigger"],"GreenSock (@greensock)","free","VG-1298-card.svg",0,4,0],["juxtopposed-vg-1300","Juxtopposed","Design-engineering channel covering UI redesigns, three.js, GSAP and interface critique with strong visual production.",1,470,["youtube","design","threejs","gsap"],"Juxtopposed (@juxtopposed)","free","VG-1300-card.svg",0,6,0],["biodiversity-heritage-library-on-flickr-vg-1082","Biodiversity Heritage Library on Flickr","Hundreds of thousands of scientific plates, botanical and zoological illustrations pulled from digitised natural history literature.",4,217,["public-domain","botanical","scientific-illustration","archive"],"Biodiversity Heritage Library","free","VG-1082-card.svg",0,2,0],["iso-republic-vg-1069","ISO Republic","Free high-resolution photos and video clips across lifestyle, technology and nature, released for commercial use.",4,113,["stock-photos","stock-video","free","commercial"],"ISO Republic","free","VG-1069-card.svg",0,4,0],["immersive-math-vg-1258","Immersive Math","Fully interactive linear algebra textbook where every figure is a manipulable 3D or 2D visualisation.",1,142,["math","linear-algebra","interactive","book"],"Jacob Ström, Kalle Åström, Tomas Akenine-Möller","free","VG-1258-card.svg",0,4,0],["orbit-vg-1240","Orbit","Platform for embedding spaced-repetition prompts into web essays so readers retain what they read.",1,471,["learning","spaced-repetition","embed","tools-for-thought"],"Andy Matuschak (@andy_matuschak)","open-source","VG-1240-card.svg",0,4,0],["nasa-image-and-video-library-vg-1086","NASA Image and Video Library","Consolidated searchable archive of NASA imagery and video with EXIF data and multiple resolutions, generally free to use.",4,217,["public-domain","space","photography","video"],"NASA","free","VG-1086-card.svg",0,2,0],["one-div-loaders-vg-1467","One Div Loaders","Gallery of loading animations each built from exactly one div, with copyable HTML and CSS per item.",2,120,["css","loaders","single-div","minimal"],"Evgenii Simzikov (@simzikov)","free","VG-1467-card.svg",0,4,0],["refactoring-ui-building-your-color-palette-vg-1214","Refactoring UI — Building Your Color Palette","Free chapter preview explaining how to build a UI palette with defined shade ramps rather than lighten/darken functions.",1,371,["color","palette","ui","preview"],"Adam Wathan & Steve Schoger (@steveschoger)","free","VG-1214-card.svg",0,3,0],["react-native-bottom-sheet-vg-1395","react-native-bottom-sheet","Interactive bottom sheet for React Native with configurable snap points, gesture handling and keyboard behaviour.",14,280,["react-native","bottom-sheet","reanimated","gestures"],"Mo Gorhom (@gorhom)","MIT","VG-1395.png",0,4,0],["worry-dream-vg-1263","Worry Dream","Bret Victor's archive of essays and talks on interactive media, direct manipulation and dynamic representation.",1,142,["interaction-design","essays","tools-for-thought","canon"],"Bret Victor (@worrydream)","free","VG-1263-card.svg",0,5,0],["popmotion-vg-1434","Popmotion","Functional, framework-agnostic motion primitives — springs, decay, keyframes, inertia — usable as building blocks under any renderer.",2,33,["javascript","springs","inertia","functional"],"Matt Perry (@mattgperry)","MIT","VG-1434-card.svg",0,5,0],["pixi-tilemap-vg-1171","pixi-tilemap","Rectangular tilemap renderer for PixiJS that batches thousands of tiles into few draw calls for large scrolling levels.",10,169,["pixijs","tilemap","performance","2d"],"PixiJS userland","MIT","VG-1171.png",0,4,0],["practical-ui-vg-1246","Practical UI","Rule-based UI design book with a free 29-page preview covering spacing, hierarchy, colour and accessible defaults.",1,44,["ui","book","guidelines","accessibility"],"Adham Dannaway (@AdhamDannaway)","freemium","VG-1246-card.svg",0,6,0],["expo-pretext-vg-1394","expo-pretext","Measures React Native text heights natively before render so layouts can be computed without a measure pass.",14,472,["expo","text","measurement","performance"],"Juba Kitiashvili (@JubaKitiashvili)","MIT","VG-1394.png",0,3,0],["tamagui-vg-1399","Tamagui","Cross-platform style library and UI kit with a compiler that flattens styles to static CSS for web performance.",14,268,["react-native","universal","compiler","design-system"],"Nate Wienert (@natebirdman)","MIT","VG-1399.png",0,7,0],["awesome-pico-8-vg-1132","awesome-PICO-8","Curated list of PICO-8 carts, tools, tutorials and techniques — a deep well of constraint-driven design ideas.",10,118,["pico8","awesome-list","retro","constraints"],"PICO-8 community","open-source","VG-1132.png",0,6,0],["internet-archive-netlabels-vg-1058","Internet Archive Netlabels","Archive of complete free-to-download netlabel music catalogues spanning electronic, ambient and experimental releases.",4,115,["music","archive","netlabel","creative-commons"],"Internet Archive","free","VG-1058-card.svg",0,3,0],["zzfx-vg-1111","ZzFX","Sub-1kb JavaScript sound effects system that synthesises retro sfx from a small parameter array, with a web sound designer.",10,91,["sfx","web-audio","procedural-audio","js13k"],"Frank Force (@KilledByAPixel)","MIT","VG-1111.png",0,4,0],["shiny-vg-1413","shiny","SwiftUI modifier adding gyroscope-driven lighting, sheen and motion-reactive gradients to any view.",14,161,["swiftui","gyroscope","gradient","lighting"],"Austin Star (@maustinstar)","MIT","VG-1413.png",0,5,0],["react-native-animation-samples-vg-1366","react-native-animation-samples","Gesture-driven, interruptible animation samples in React Native covering complex real-world interaction cases.",14,184,["react-native","gestures","animation","samples"],"Aashu Dubey (@Aashu-Dubey)","MIT","VG-1366.png",0,6,0],["react-native-zoom-reanimated-vg-1369","react-native-zoom-reanimated","Pinch-to-zoom component reproducing Apple Photos gesture behaviour including rubber-band physics and double-tap.",14,184,["react-native","gestures","zoom","reanimated"],"Kesha Antonov (@kesha-antonov)","MIT","VG-1369.png",0,4,0],["react-native-reusables-vg-1377","react-native-reusables","shadcn/ui port for React Native built on NativeWind, distributed as a copy-into-your-repo CLI registry rather than an npm dependency.",14,160,["react-native","shadcn","nativewind","registry"],"Founded Labs / Mrzachnugent","MIT","VG-1377.png",0,4,0],["motion-ui-vg-1446","Motion UI","Sass library generating transition and animation classes with configurable easing, delay and chaining, extracted from Foundation.",2,2,["sass","css","transitions","mixins"],"Foundation (@foundation)","MIT","VG-1446-480.webp",0,8,0],["swiftuix-vg-1422","SwiftUIX","Large extension library filling gaps in SwiftUI's standard library with missing views, modifiers and UIKit bridges.",14,473,["swiftui","extensions","uikit","utilities"],"Vatsal Manot (@vatsal_manot)","MIT","VG-1422-480.webp",0,2,0],["europeana-vg-1084","Europeana","Aggregated search across thousands of European galleries, libraries, archives and museums with per-item reuse rights.",4,217,["public-domain","europe","museum","archive"],"Europeana Foundation","free","VG-1084-card.svg",0,5,0],["react-native-animateable-text-vg-1365","react-native-animateable-text","Fork of the Text component that accepts Reanimated shared values so text content updates without JS thread re-renders.",14,184,["react-native","reanimated","text","performance"],"Axelra (@axelra-ag)","MIT","VG-1365.png",0,4,0],["csshake-vg-1443","csshake","CSS classes producing tuneable shake, wobble and jitter motion via generated keyframes, with intensity and chunk variants.",2,2,["css","shake","keyframes","micro-interaction"],"elrumordelaluz","MIT","VG-1443.png",0,5,0],["my-css-polyhedra-vg-1440","My CSS Polyhedra","CodePen collection of animated 3D polyhedra built entirely with CSS transforms and custom properties.",2,474,["codepen","css","3d","math"],"Ana Tudor (@anatudor)","free","VG-1440-card.svg",0,3,0],["rtl-styling-101-vg-1268","RTL Styling 101","Free book-length guide to building right-to-left interfaces: logical properties, mirroring, icons, typography and layout flipping.",1,1,["css","rtl","i18n","accessibility"],"Ahmad Shadeed (@shadeed9)","free","VG-1268-card.svg",0,2,0],["a-guide-to-css-animation-vg-1438","A Guide to CSS Animation","CodePen collection accompanying a CSS animation guide, demonstrating keyframes, timing, choreography and stateful animation techniques.",2,474,["codepen","css","keyframes","tutorial"],"Jhey Tompkins (@jh3y)","free","VG-1438-card.svg",0,3,0],["rawpixel-public-domain-vg-1089","Rawpixel Public Domain","CC0 collection of restored and digitally enhanced public-domain artwork, vintage illustration and pattern scans.",4,217,["cc0","public-domain","vintage","illustration"],"Rawpixel","freemium","VG-1089-card.svg",0,8,0],["webgpu-fundamentals-vg-1209","WebGPU Fundamentals","Article series teaching WebGPU: pipelines, bind groups, memory layout, compute shaders, lighting and post-processing.",1,11,["webgpu","graphics","tutorial","compute"],"Gregg Tavares (@greggman)","free","VG-1209-card.svg",0,5,0],["modeling-with-distance-functions-vg-1203","Modeling with Distance Functions","Inigo Quilez's reference collection of signed distance functions for primitives, plus operators for blending and repetition.",1,11,["sdf","raymarching","shaders","reference"],"Inigo Quilez (@iquilezles)","free","VG-1203-480.webp",0,7,0],["british-library-illustration-archive-on-flickr-vg-1083","British Library Illustration Archive on Flickr","One million public-domain illustrations mechanically extracted from digitised 17th-19th century books, released for open reuse.",4,217,["public-domain","illustration","archive","flickr"],"British Library","free","VG-1083-480.webp",0,5,0],["smithsonian-open-access-vg-1090","Smithsonian Open Access","5.1 million CC0 2D and 3D digital items from Smithsonian museums, libraries, archives and the National Zoo, with an API.",4,217,["public-domain","cc0","museum","api"],"Smithsonian Institution","free","VG-1090-card.svg",0,6,0],["paul-tol-s-colour-schemes-vg-1213","Paul Tol's Colour Schemes","Technical note defining colour-blind-safe qualitative, sequential and diverging palettes, with values and usage rules.",1,371,["color","accessibility","palette","dataviz"],"Paul Tol","free","VG-1213-card.svg",0,5,0],["gsap-demo-hub-vg-1281","GSAP Demo Hub","Searchable gallery of official GSAP demos organised by plugin and technique, each editable and forkable on CodePen.",1,124,["gsap","demos","animation","reference"],"GreenSock (@greensock)","free","VG-1281-480.webp",0,4,0],["amit-sheen-css-animations-vg-1439","Amit Sheen CSS Animations","CodePen collection of pure-CSS animation experiments including stepped animation, 3D scenes and animation without JavaScript.",2,474,["codepen","css","3d","experiments"],"Amit Sheen (@amit_sheen)","free","VG-1439-card.svg",0,6,0],["unminus-vg-1063","Unminus","Small hand-picked set of free music tracks licensed for any use, presented one track per page.",4,115,["music","free","curated","royalty-free"],"Unminus","free","VG-1063-card.svg",0,5,0],["artvee-vg-1081","Artvee","Searchable library of high-resolution public-domain paintings, posters, botanical plates and book illustrations.",4,217,["public-domain","art","posters","illustration"],"Artvee","freemium","VG-1081-card.svg",0,3,0],["glasskit-vg-1353","GlassKit","CSS component library of 24 glassmorphism components styled after iOS surfaces, usable without any JavaScript framework.",14,246,["css","glassmorphism","ios","components"],"JUNGHERZ","MIT","VG-1353.png",0,5,0],["texturelabs-vg-1093","Texturelabs","Free original grunge, paper, metal and wood texture files in multiple resolutions, plus tutorials on using them.",4,469,["textures","grunge","paper","photoshop"],"Texturelabs","free","VG-1093-card.svg",0,4,0],["figma-export-vg-1047","figma-export","Command-line tool that exports Figma colors, icons and images into native iOS and Android resource formats.",4,276,["figma-api","ios","android","assets"],"RedMadRobot","open-source","VG-1047.png",0,6,0],["project-apollo-archive-vg-1071","Project Apollo Archive","Full-resolution unedited scans of every Hasselblad frame shot by Apollo astronauts, released on Flickr.",4,113,["public-domain","space","photography","archive"],"Kipp Teague","free","VG-1071-card.svg",0,3,0],["react-spring-vg-1493","React Spring","Spring-physics animation library that interpolates any value type and runs off the React render loop for imperative performance.",2,147,["react","spring","physics","animation"],"Poimandres (@pmndrs)","MIT","VG-1493-card.svg",0,3,0],["create-expo-stack-vg-1333","create-expo-stack","CLI that scaffolds Expo apps with your choice of router, styling system, state library and backend.",14,235,["expo","cli","scaffolding","nativewind"],"RoninOSS (@roninoss)","MIT","VG-1333.png",0,4,0],["nypl-digital-collections-vg-1087","NYPL Digital Collections","Public-domain photographs, maps, menus, ephemera and prints digitised by the New York Public Library, downloadable at high resolution.",4,217,["public-domain","archive","photography","ephemera"],"New York Public Library","free","VG-1087-card.svg",0,5,0],["bioicons-vg-1076","Bioicons","Free scientific and biological icon library - cells, organisms, lab equipment - in SVG for figures and diagrams.",4,62,["icons","science","svg","diagrams"],"Simon Duerr (@simonduerr)","open-source","VG-1076-card.svg",0,3,0],["variableblurimageview-vg-1415","VariableBlurImageView","Variable and progressive blur for images across UIKit, AppKit and SwiftUI as a dependency-free package.",14,161,["ios","blur","uikit","swiftui"],"Eskil Gjerde Sviggum (@Eskils)","MIT","VG-1415.png",0,4,0],["open-foundry-vg-1065","Open Foundry","Long-running curated showcase of open-source typefaces with essays, specimens and context on each family's maker.",4,475,["fonts","open-source","specimens","curation"],"Magic as a Service","open-source","VG-1065-card.svg",0,5,0],["sound-image-vg-1062","Sound Image","Thousands of free music tracks and sound effects made by one composer for game and video creators.",4,115,["music","sfx","game-audio","free"],"Eric Matyas","free","VG-1062-card.svg",0,4,0],["openverse-vg-1070","Openverse","Search engine indexing over 700 million openly licensed and public-domain images and audio across many providers.",4,113,["cc0","search","photos","audio"],"WordPress / Openverse","open-source","VG-1070-card.svg",0,4,0],["axis-praxis-vg-1095","Axis-Praxis","Browser playground for variable fonts: drop in a font file, drive its axes live and copy out the CSS.",4,468,["variable-fonts","playground","css","opentype"],"Laurence Penney (@lorpenney)","free","VG-1095-card.svg",0,6,0],["rive-flutter-vg-1339","rive-flutter","Official Flutter runtime for Rive, playing interactive state-machine-driven vector animations that respond to app state and input.",14,208,["flutter","rive","animation","state-machine"],"Rive (@rive_app)","MIT","VG-1339.png",0,4,0],["game-programming-patterns-vg-1136","Game Programming Patterns","Free online book cataloguing design patterns for games: component, state machine, object pool, event queue, spatial partition.",10,118,["patterns","architecture","book","gamedev"],"Bob Nystrom (@munificentbob)","free","VG-1136-card.svg",0,4,0],["programming-design-systems-vg-1204","Programming Design Systems","Free interactive book teaching graphic design fundamentals — colour, shape, typography, grids — through executable code examples.",1,11,["design","generative","book","typography"],"Rune Madsen (@runemadsen)","free","VG-1204-card.svg",0,4,0],["learn-opengl-vg-1202","Learn OpenGL","Comprehensive modern OpenGL tutorial covering lighting, model loading, shadows, PBR and deferred shading with full source.",1,11,["opengl","graphics","rendering","tutorial"],"Joey de Vries (@JoeyDeVriez)","CC-BY-NC","VG-1202-card.svg",0,5,0],["scratchapixel-vg-1205","Scratchapixel","Free computer graphics curriculum building ray tracers and rasterisers from mathematics up, with derivations shown.",1,11,["graphics","raytracing","math","curriculum"],"Scratchapixel team","free","VG-1205-card.svg",0,4,0],["bram-us-vg-1218","Bram.us","Twenty-five-year weblog on CSS and Web UI from a Chrome DevRel engineer, mixing original deep dives with curated links.",1,29,["css","scroll-animation","view-transitions","writing"],"Bramus Van Damme (@bramus)","free","VG-1218-card.svg",0,2,0],["andy-matuschak-s-working-notes-vg-1217","Andy Matuschak's working notes","Public evergreen note garden on memory systems, spaced repetition, note-writing and interfaces that expand cognition.",1,29,["tools-for-thought","notes","research","interface"],"Andy Matuschak (@andy_matuschak)","free","VG-1217-card.svg",0,2,0],["flexbox-zombies-vg-1238","Flexbox Zombies","Story-driven course where you fire crossbow bolts at zombies by writing flexbox properties across 12 chapters.",1,103,["css","flexbox","game","course"],"Dave Geddes (@geddski)","free","VG-1238-card.svg",0,2,0],["font-library-vg-1064","Font Library","Community-run repository of 2,100-plus libre font families and nearly 30,000 files, hosted by the Fabricatorz Foundation.",4,475,["fonts","libre","archive","community"],"Fabricatorz Foundation","open-source","VG-1064-card.svg",0,5,0],["explained-visually-vg-1256","Explained Visually","Interactive explanations of statistics and linear algebra: eigenvectors, PCA, Markov chains, image kernels and least squares.",1,142,["explorable","math","statistics","interactive"],"Setosa (@setosaio)","free","VG-1256-card.svg",0,3,0],["myphysicslab-vg-1260","MyPhysicsLab","Library of real-time physics simulations — pendulums, springs, collisions — with editable parameters and published equations.",1,142,["physics","simulation","interactive","math"],"Erik Neumann","open-source","VG-1260-card.svg",0,5,0],["font-friday-vg-1275","Font Friday","Biweekly newsletter recommending one standout typeface with a critique of its details and practical usage notes.",1,57,["newsletter","typography","fonts","curation"],"Oliver Schöndorfer (@glyphstories)","free","VG-1275-card.svg",0,6,0],["pixel-shaders-vg-1286","Pixel Shaders","Unfinished but excellent interactive book introducing graphics programming through progressively edited fragment shaders.",1,402,["shaders","interactive","book","graphics"],"Toby Schachman (@tobyschachman)","free","VG-1286-card.svg",0,3,0],["pixelspirit-deck-vg-1287","PixelSpirit Deck","Tarot-style card deck where each card carries a GLSL snippet, teaching shader techniques as a physical practice.",1,402,["glsl","shaders","cards","learning"],"Patricio Gonzalez Vivo (@patriciogv)","open-source","VG-1287-card.svg",0,3,0],["hyperplexed-vg-1299","Hyperplexed","Channel that reverse-engineers striking website effects and rebuilds them from scratch in plain HTML, CSS and JavaScript.",1,470,["youtube","css","effects","recreation"],"Hyperplexed","free","VG-1299-card.svg",0,5,0],["kevin-powell-vg-1301","Kevin Powell","YouTube channel of weekly CSS tutorials, spec walkthroughs and layout challenges aimed at developers who want CSS fluency.",1,470,["youtube","css","tutorials","layout"],"Kevin Powell (@KevinJPowell)","free","VG-1301-card.svg",0,8,0],["tamagui-extras-kitchen-sink-vg-1400","tamagui-extras / kitchen sink","Community extension library for Tamagui adding form controls, layout helpers and patterns missing from the core kit.",14,268,["react-native","tamagui","components","forms"],"Dominic Hobelsberger (@dohomi)","MIT","VG-1400.png",0,4,0],["figma-rest-api-spec-vg-1006","@figma/rest-api-spec","Figma's official OpenAPI 3.1 specification plus generated TypeScript types for the whole REST API, published to npm.",4,309,["figma-api","openapi","typescript","types"],"Figma","MIT","VG-1006.png",0,7,0],["gsap-getting-started-vg-1282","GSAP Getting Started","Official free learning path covering tweens, easing, staggers, timelines and callbacks with editable inline examples.",1,124,["gsap","animation","tutorial","learning"],"GreenSock (@greensock)","free","VG-1282-480.webp",0,6,0],["spring-easing-vg-1456","spring-easing","Library that converts spring physics parameters into easing keyframe arrays consumable by WAAPI, GSAP, Motion or CSS.",2,64,["spring","easing","waapi","physics"],"Okiki Ojo (@okikio)","MIT","VG-1456-card.svg",0,3,0],["pimp-my-button-vg-1338","pimp_my_button","Flutter package that attaches configurable particle burst effects to any widget on tap.",14,208,["flutter","particles","animation","micro-interaction"],"Norbert Kozsir (@Norbert515)","MIT","VG-1338.png",0,2,0],["thinking-orbs-vg-1473","Thinking Orbs","Dotted thought-orb loading indicators built for AI and agent interfaces, with variants and copyable component code.",2,376,["react","loading","ai-ui","microtool"],"Jakub Antalík (@jantalik)","free","VG-1473-card.svg",0,8,0],["mantra-vg-1478","Mantra","Browser-based timeline editor for building CSS keyframe animations visually and exporting the generated stylesheet.",2,150,["css","keyframes","timeline","editor"],"Jeremy Kahn (@jeremyckahn)","MIT","VG-1478-card.svg",0,3,0],["heroui-native-vg-1372","HeroUI Native","React Native component library from the HeroUI team, built on NativeWind with animation and theming primitives baked in.",14,160,["react-native","nativewind","components","theming"],"HeroUI (@heroui-inc)","MIT","VG-1372.png",0,2,0],["pixi-ease-vg-1169","pixi-ease","Easing and tweening library for PixiJS display objects with chaining, repeat, reverse and a shared ticker.",10,169,["pixijs","tweening","easing","animation"],"David Figatner (@davidfig)","MIT","VG-1169.png",0,3,0],["react-navigation-bottom-sheet-vg-1397","react-navigation-bottom-sheet","Bottom sheet implemented as a React Navigation navigator so sheets participate in routing and deep links.",14,280,["react-native","navigation","bottom-sheet","routing"],"App & Flow (@AppAndFlow)","MIT","VG-1397.png",0,3,0],["css-loaders-vg-1465","CSS Loaders","Library of several hundred loaders, spinners and progress indicators, each built from a single element with pure CSS.",2,120,["css","loaders","spinners","single-element"],"Vineeth TR (@vineethtrv)","MIT","VG-1465-card.svg",0,6,0],["play-vg-1002","Play","macOS app for designing iOS apps with native components and gestures that outputs real SwiftUI code and App Clip previews.",4,81,["ios","swiftui","prototyping","native"],"Play","freemium","VG-1002-card.svg",0,1,0],["transparent-textures-vg-1094","Transparent Textures","397 tileable transparent PNG patterns you can layer over any background color, with instant CSS preview.",4,469,["textures","patterns","css","tileable"],"Mike Hearn (@mikehearn)","free","VG-1094-card.svg",0,9,0],["jakearchibald-com-vg-1249","jakearchibald.com","Deep browser-internals blog covering rendering, animation, service workers, image decoding and CSS behaviour, with live demos throughout.",1,360,["blog","browsers","performance","css","standards"],"Jake Archibald (@jaffathecake)","free","VG-1249-card.svg",0,4,0],["coding-math-vg-1297","Coding Math","Channel teaching the mathematics programmers actually need: vectors, trigonometry, easing, physics and parametric motion.",1,470,["youtube","math","animation","physics"],"Keith Peters (@bit101)","free","VG-1297-card.svg",0,4,0],["forma-ui-vg-1309","forma-ui","Set of 40 opinionated Material 3 Compose components including charts, with no extra dependencies.",14,199,["compose","material3","components","charts"],"devsnackio","MIT","VG-1309.png",0,2,0],["anijs-vg-1428","AniJS","Declarative animation library driven entirely by HTML data attributes, letting non-JS authors wire triggers to CSS animations.",2,33,["javascript","declarative","html","css"],"AniJS","MIT","VG-1428-card.svg",0,3,0],["awesome-react-native-ui-vg-1360","awesome-react-native-ui","Source repository behind rnui.dev, a curated index of React Native UI and animation implementations with metadata.",14,184,["react-native","awesome-list","animation","directory"],"Mohibur Rahman (@mrpmohiburrahman)","MIT","VG-1360.png",0,5,0],["batch-styler-vg-1033","Batch Styler","Edits many Figma text or color styles at once - change font family, weight or size across a whole type ramp.",4,241,["figma-plugin","typography","styles","bulk-edit"],"Jan Six (@six7)","free","VG-1033-card.svg",0,3,0],["ccmixter-vg-1056","ccMixter","Community of remixable Creative Commons music with clearly separated stems, a cappellas and instrumentals.",4,115,["music","creative-commons","stems","remix"],"Creative Commons / ArtisTech Media","open-source","VG-1056-card.svg",0,7,0],["game-icons-net-vg-1077","Game-icons.net","Over 4,000 free CC-BY game and fantasy icons - weapons, creatures, symbols - downloadable as SVG or PNG.",4,62,["icons","game","svg","fantasy"],"Game-icons.net contributors","free","VG-1077-card.svg",0,4,0],["pizzicato-vg-1107","Pizzicato","Web Audio wrapper for creating sounds from waveforms, files, microphone or functions, with delay, reverb, distortion and filter effects.",10,91,["web-audio","sound-effects","audio-library","dsp"],"Alejandro Mantecon Guillen (@alemangui)","MIT","VG-1107-card.svg",0,4,0],["pixelorama-vg-1162","Pixelorama","Free open-source pixel art editor with animation timeline, tilemap tools, onion skinning and palette management.",10,43,["pixel-art","sprite-editor","animation","godot"],"Orama Interactive (@OramaInteract)","MIT","VG-1162.png",0,4,0],["the-good-line-height-vg-1294","The Good Line-Height","Single-purpose calculator that derives a fluid, size-aware line-height instead of a fixed unitless multiplier.",1,24,["typography","line-height","calculator","css"],"Jesse Rosenberger","free","VG-1294-card.svg",0,2,0],["native-springs-vg-1364","native-springs","Set of animated React Native components built on Reanimated and Skia, focused on spring-driven interaction patterns.",14,184,["react-native","reanimated","skia","springs"],"MatthewSRC","MIT","VG-1364.png",0,5,0],["computer-graphics-from-scratch-vg-1201","Computer Graphics from Scratch","Free online book building a raytracer then a rasteriser in pseudocode, explaining what OpenGL does underneath.",1,11,["graphics","raytracing","book","rasterization"],"Gabriel Gambetta (@gabrielgambetta)","free","VG-1201-card.svg",0,4,0],["wavefunctioncollapse-vg-1184","WaveFunctionCollapse","Original bitmap and tilemap generator that synthesises new outputs locally similar to a single example input.",10,162,["wfc","procgen","tilemap","algorithm"],"Maxim Gumin (@ExUtumno)","MIT","VG-1184.png",0,3,0],["saltmire-juice-vg-1114","saltmire-juice","Game-feel kit bundling trauma screen shake, hit-stop, sprite flash, pooled damage numbers and scale punch as reusable nodes.",10,225,["game-feel","juice","hitstop","screenshake"],"(@saltmire)","MIT","VG-1114-480.webp",0,3,0],["fragment-foundry-vg-1285","Fragment Foundry","Interactive scrollable fragment-shader tutorial where the shader recompiles live as you edit inline code.",1,402,["glsl","shaders","interactive","tutorial"],"Hugh Kennedy (@hughskennedy)","open-source","VG-1285-card.svg",0,4,0],["bouncy-ball-vg-1484","Bouncy Ball","Repo implementing the same bouncing-ball animation across dozens of techniques — CSS, WAAPI, GSAP, SVG, canvas, React — for direct comparison.",2,32,["comparison","benchmark","css","javascript"],"Sparkbox (@sparkbox)","MIT","VG-1484.png",0,3,0],["view-timeline-ranges-visualizer-vg-1269","View Timeline Ranges Visualizer","Interactive tool showing exactly what entry, exit, cover and contain ranges mean for scroll-driven view timelines.",1,1,["css","scroll-animation","tool","visualizer"],"Bramus Van Damme (@bramus)","Apache-2.0","VG-1269-card.svg",0,4,0],["awesome-spinners-vg-1464","awesome-spinners","Curated index of web spinner and loader collections across CSS, SVG, canvas and framework-specific implementations.",2,120,["curated-list","loaders","spinners"],"Yangshun Tay (@yangshun)","open-source","VG-1464-480.webp",0,4,0],["cgbookcase-vg-0989","cgbookcase","Free unrestricted PBR textures plus an open-source tiling tool for making any texture seamless.",4,4,["3d","pbr","textures","tiling"],"Dorian Zgraggen","free","VG-0989-card.svg",0,2,0],["opengameart-vg-0991","OpenGameArt","Community repository of CC0, CC-BY and OGA-BY game art: sprites, 3D models, textures, music and sound effects.",4,4,["game-assets","cc0","sprites","audio"],"OpenGameArt community","open-source","VG-0991-card.svg",0,4,0],["collabs-vg-0913","Collabs","Library of composable CRDTs from CMU research letting you build custom collaborative data types instead of using a fixed document model.",13,143,["crdt","research","collaboration","composable"],"Matthew Weidner (@mweidner037)","Apache-2.0","VG-0913-card.svg",0,4,0],["super-friendly-design-systems-vg-0557","Super Friendly Design Systems","Dan Mall's collection of design system practice: process essays, pilot-project methodology and adoption tactics for real organisations.",5,151,["design-systems","process","adoption","consulting"],"Dan Mall (@danmall)","free","VG-0557-card.svg",0,5,0],["det-f-lles-designsystem-vg-0559","Det Fælles Designsystem","Denmark's shared public-sector design system with web components, tokens and Danish content and accessibility standards.",5,116,["government","denmark","web-components","accessibility"],"Danish Agency for Digital Government","MIT","VG-0559-card.svg",0,5,0],["the-grid-system-vg-0567","The Grid System","Reference archive of grid-based design: systems, calculators, templates, tutorials, book recommendations and downloadable layout resources.",5,440,["grid","layout","typography","templates","theory"],"The Grid System","free","VG-0567-card.svg",0,5,0],["fractal-vg-0549","Fractal","Node tool for building and documenting component libraries from plain templates, framework-agnostic and driven by a simple config.",5,236,["component-library","documentation","node","framework-agnostic"],"Clearleft","MIT","VG-0549-card.svg",0,3,0],["lens-vg-0589","Lens","Loom's design system documenting components, motion and the video-capture product surfaces behind the app.",5,65,["components","motion","video","product-ui"],"Loom","free","VG-0589-card.svg",0,2,0],["palette-vg-0600","Palette","Artsy's React and React Native design system with an art-world visual language and shared cross-platform primitives.",5,65,["react","react-native","typography","open-source"],"Artsy","MIT","VG-0600-card.svg",0,5,0],["viz-palette-vg-0668","Viz Palette","Tests a categorical chart palette for color-blind confusion, low-contrast pairs, and how it reads at small mark sizes.",3,36,["dataviz","colorblind","palette","testing"],"Susie Lu","free","VG-0668-card.svg",0,1,0],["bunny-fonts-vg-0817","Bunny Fonts","Drop-in privacy-respecting replacement for the Google Fonts API with an identical URL structure and no tracking.",3,24,["fonts","privacy","gdpr","cdn"],"BunnyCDN","free","VG-0817-card.svg",0,2,0],["dimmy-club-vg-0756","Dimmy.club","Drops screenshots into clean device frames in a range of colors and orientations, exporting transparent PNG.",3,100,["screenshots","device-frames","mockups","free"],"","free","VG-0756-card.svg",0,2,0],["squircley-vg-0790","Squircley","Generates superellipse squircle shapes as SVG with curvature, rotation and gradient fill controls.",3,3,["svg","squircle","shapes","generator"],"Shape Factory","free","VG-0790-card.svg",0,4,0],["indestructible-type-vg-0828","Indestructible Type","Small open-source foundry producing carefully drawn free typefaces, each with full documentation of its design intent.",3,24,["fonts","libre","foundry","typography"],"Owen Earl","open-source","VG-0828-card.svg",0,2,0],["excalidraw-libraries-vg-0997","Excalidraw Libraries","Directory of community shape libraries for Excalidraw - AWS icons, UI wireframes, flow symbols - installable in one click.",4,81,["excalidraw","libraries","diagrams","wireframes"],"Excalidraw community","MIT","VG-0997-card.svg",0,4,0],["mesher-vg-0718","Mesher","Mesh gradient designer with draggable color points, blur controls and export to CSS, PNG or SVG.",3,30,["gradient","mesh","css","generator"],"CSSHero","free","VG-0718-card.svg",0,2,0],["uae-design-system-vg-0562","UAE Design System","United Arab Emirates government design system built RTL-first with bilingual Arabic and English component specifications.",5,116,["government","rtl","arabic","bilingual"],"UAE Government","free","VG-0562-card.svg",0,4,0],["fontspark-vg-0826","FontSpark","Rapid-fire font discovery that shows one random typeface at a time so you judge by feel instead of scrolling a grid.",3,24,["fonts","discovery","inspiration","typography"],"","free","VG-0826-card.svg",0,1,0],["modulator-vg-0566","Modulator","Single-page tool for experimenting with spacing scales and base units, showing the resulting rhythm live as you adjust.",5,442,["spacing","scale","layout","tokens"],"Hayk An (@hihayk)","free","VG-0566-card.svg",0,5,0],["robohash-vg-0748","Robohash","URL-based API that deterministically generates a unique robot, monster or cat avatar from any string.",3,25,["avatars","api","generative","placeholder"],"Colin Davis","free","VG-0748-card.svg",0,1,0],["partykit-vg-0894","PartyKit","Framework and platform for deploying stateful realtime servers at the edge, one durable instance per room, with a simple WebSocket API.",13,294,["realtime","edge","websockets","multiplayer"],"Sunil Pai (@threepointone)","open-source","VG-0894-card.svg",0,4,0],["kaizen-vg-0587","Kaizen","Culture Amp's design system with React components, illustration library and explicit inclusive-design and content principles.",5,65,["react","illustration","inclusive-design","content"],"Culture Amp","open-source","VG-0587-card.svg",0,3,0],["font-style-matcher-vg-0821","Font Style Matcher","Side-by-side tool for matching a web font's metrics to a fallback font to eliminate layout shift on load.",3,24,["typography","fallback","cls","performance"],"Monica Dinculescu (@notwaldorf)","free","VG-0821-card.svg",0,2,0],["inclusive-components-vg-0524","Inclusive Components","Heydon Pickering's long-form teardowns of eleven UI patterns, each reasoning from markup semantics to progressive enhancement.",5,15,["accessibility","patterns","html","progressive-enhancement"],"Heydon Pickering (@heydonworks)","free","VG-0524-card.svg",0,4,0],["tiff-vg-0832","Tiff","Overlays two typefaces on top of each other so you can see exactly where their letterforms differ.",3,24,["fonts","comparison","typography","diff"],"Winnie Mu","MIT","VG-0832-card.svg",0,2,0],["css-grid-generator-vg-0681","CSS Grid Generator","Draw a grid visually by setting columns, rows and gaps, then drag child areas and copy the generated CSS.",3,59,["css","grid","layout","generator"],"Sarah Drasner (@sarah_edo)","MIT","VG-0681-card.svg",0,3,0],["variable-font-playground-vg-0837","Variable Font Playground","Side-by-side variable font specimen tester with per-axis sliders and instant CSS font-variation-settings output.",3,24,["variable-fonts","css","specimen","typography"],"","free","VG-0837-card.svg",0,3,0],["amireal-vg-0846","AmIReal","Browser tool that detects GAN-generated faces by analysing facial landmark geometry.",13,476,["ai-detection","faces","verification","osint"],"seintpl","open-source","VG-0846-card.svg",0,4,0],["naming-tokens-in-design-systems-vg-0556","Naming Tokens in Design Systems","Nathan Curtis's taxonomy of token naming across category, property, concept, variant, state, scale, mode, object and namespace.",5,151,["design-tokens","naming","taxonomy","semantic"],"Nathan Curtis (@nathanacurtis)","free","VG-0556-480.webp",0,4,0],["ladle-vg-0979","Ladle","Vite-powered component workbench compatible with Component Story Format and controls, running as a single dependency and command.",13,282,["storybook-alternative","vite","components","dx"],"Vojtech Miksu (@tajo)","MIT","VG-0979-card.svg",0,2,0],["forensically-vg-0912","Forensically","Browser suite of image forensics tools including error level analysis, clone detection, noise and magnifier views.",13,477,["forensics","images","verification","analysis"],"","free","VG-0912-card.svg",0,4,0],["checklist-design-vg-0538","Checklist Design","Detailed pre-ship checklists for pages, components and flows, covering the small details designers routinely forget.",5,5,["checklist","ui","qa","patterns"],"Checklist Design","free","VG-0538-card.svg",0,5,0],["glide-data-grid-vg-0514","Glide Data Grid","Canvas-rendered React data grid handling millions of rows with native scrolling, inline editing and markdown/image cell types.",6,182,["react","canvas","data-grid","virtualization"],"Glide (@glideapps)","MIT","VG-0514.png",0,4,0],["threed-io-vg-0765","Threed.io","Browser-based 3D mockup generator that maps your artwork onto rotatable 3D device and object models.",3,100,["mockups","3d","devices","browser"],"","freemium","VG-0765-card.svg",0,2,0],["colorbox-vg-0652","ColorBox","Lyft's tool for generating color ramps by curve-editing hue, saturation and luminosity independently across the scale.",3,36,["color-scale","curves","design-systems","accessibility"],"Lyft Design","free","VG-0652-card.svg",0,4,0],["codex-vg-0580","Codex","Wikimedia's design system in Vue 3, built for extreme internationalisation, RTL support and low-bandwidth contexts.",5,65,["vue","i18n","rtl","accessibility"],"Wikimedia Foundation","GPL","VG-0580-card.svg",0,3,0],["fluid-design-system-vg-0582","Fluid Design System","ENGIE's design system with web components, an energy-sector brand layer and documented eco-design and sustainability guidance.",5,65,["web-components","sustainability","brand","tokens"],"ENGIE","MIT","VG-0582.png",0,5,0],["madewithsupabase-vg-0887","MadeWithSupabase","Directory of real projects built on Supabase, filterable by stack and category, with links to live sites and source repositories.",13,40,["supabase","directory","showcase","inspiration"],"Supabase community","free","VG-0887-card.svg",0,4,0],["creevey-vg-0977","Creevey","Cross-browser visual testing tool for Storybook with an interactive UI for approving diffs and Docker-based browser grids.",13,282,["visual-regression","storybook","cross-browser","ui"],"Dmitriy Lazarev (@wKich)","MIT","VG-0977.png",0,7,0],["doodad-pattern-generator-vg-0778","Doodad Pattern Generator","Generates seamless SVG and CSS background patterns from configurable primitives, with a fully offline-capable interface.",3,3,["svg","patterns","css","generator"],"","free","VG-0778-card.svg",0,4,0],["frrames-vg-0757","Frrames","Free pack of realistic device and browser frames as editable Sketch and Figma assets for compositing screenshots.",3,100,["mockups","device-frames","assets","screenshots"],"Craftwork Studio","free","VG-0757-card.svg",0,1,0],["syst-me-de-design-de-l-tat-vg-0561","Système de design de l'État","French government design system with a strict, mandatory brand and component set enforced across all state websites.",5,116,["government","france","accessibility","mandatory"],"DINUM (French Government)","open-source","VG-0561-card.svg",0,3,0],["palettte-app-vg-0664","Palettte App","Edits existing palettes by plotting hue, saturation and brightness curves, letting you smooth an inherited messy color set.",3,36,["palette","curves","color-scale","refactor"],"Gabriel Adorf","free","VG-0664-480.webp",0,3,0],["louder-than-ten-manual-vg-0534","Louder Than Ten Manual","Open manual on digital project practice covering scoping, estimation, communication and the operational side of design work.",5,14,["process","project-management","writing","operations"],"Louder Than Ten","free","VG-0534-card.svg",0,5,0],["paaatterns-vg-0785","Paaatterns","Collection of hand-drawn style SVG patterns with a live color editor, from the LS Graphics studio.",3,3,["svg","patterns","illustration","backgrounds"],"LS Graphics","free","VG-0785-card.svg",0,2,0],["smooth-shadow-shadows-brumm-af-vg-0690","Smooth Shadow (shadows.brumm.af)","Builds layered multi-step box-shadows that approximate real light falloff, with sliders for spread, opacity and easing.",3,59,["css","box-shadow","generator","depth"],"Philipp Brumm","free","VG-0690-card.svg",0,3,0],["css-gg-vg-0724","css.gg","Icon set of seven hundred icons built entirely from CSS with no SVG or font, also available as SVG and React.",3,101,["icons","css","pure-css","svg"],"Astrit Malsija (@astrit)","MIT","VG-0724-card.svg",0,2,0],["vite-plugin-vue-inspector-vg-0945","vite-plugin-vue-inspector","Adds a click-to-source overlay so option-clicking an element in the browser opens the exact component line in your editor.",13,314,["vite","devtools","dx","editor"],"webfansplz (@webfansplz)","MIT","VG-0945-480.webp",0,3,0],["sharetextures-vg-0994","ShareTextures","CC0 library of 1,700-plus 4K textures plus scanned 3D models of food, furniture and ceramics.",4,4,["3d","textures","cc0","models"],"ShareTextures","free","VG-0994-card.svg",0,4,0],["fluid-type-scale-calculator-vg-0819","Fluid Type Scale Calculator","Open-source clamp-based type scale generator with configurable ratios, naming, rounding and direct CSS or Sass export.",3,24,["fluid-type","clamp","css","generator"],"Aleksandr Hovhannisyan","MIT","VG-0819-card.svg",0,2,0],["ira-design-vg-0744","IRA Design","Illustration builder with combinable hand-drawn objects and gradient backgrounds, editable directly in the browser.",3,25,["illustration","builder","gradient","free"],"Creative Tim","MIT","VG-0744-card.svg",0,3,0],["luna-vg-0591","Luna","Sainsbury's design system covering grocery e-commerce components, accessibility standards and retail content guidelines.",5,65,["retail","grocery","accessibility","content"],"Sainsbury's","free","VG-0591-card.svg",0,2,0],["devices-by-facebook-design-vg-0755","Devices by Facebook Design","Free, accurate vector device templates for phones, tablets, laptops and wearables, maintained by Meta's design team.",3,100,["devices","mockups","vector","figma"],"Facebook Design","free","VG-0755-card.svg",0,4,0],["ic-nes-vg-0729","Icônes","Search interface across two hundred thousand icons from every Iconify set, with copy as SVG, JSX, or component.",3,101,["icons","search","iconify","aggregator"],"Anthony Fu (@antfu)","MIT","VG-0729-card.svg",0,3,0],["orbit-vg-0598","Orbit","Kiwi.com's travel-oriented design system with React components, Figma libraries and documented booking-flow patterns rarely found in generic systems.",5,65,["react","travel","tokens","figma"],"Kiwi.com","MIT","VG-0598-card.svg",0,8,0],["streamline-vg-0565","Streamline","Icon platform indexing roughly 450,000 icons across proprietary families and mirrored open sets like Material, Tabler and Remix.",5,139,["icons","svg","png","families","search"],"Streamline (@streamlineicons)","freemium","VG-0565-card.svg",0,5,0],["westpac-gel-vg-0610","Westpac GEL","Australian bank's design system with React components, extensive form patterns and documented financial-services accessibility requirements.",5,65,["react","banking","forms","accessibility"],"Westpac","GPL","VG-0610-card.svg",0,6,0],["shape-divider-vg-0788","Shape Divider","Library of section-divider shapes with flip, invert, height and layering controls, output as inline SVG plus CSS.",3,3,["svg","dividers","sections","css"],"","free","VG-0788-card.svg",0,3,0],["avataaars-generator-vg-0644","Avataaars Generator","Web generator for the Avataaars illustrated character set, free for commercial use and downloadable as SVG.",3,478,["avatars","svg","illustration","placeholder","open-source"],"Pablo Stanley (@pablostanley) and Fang-Pen Lin","free","VG-0644-card.svg",0,3,0],["visbug-vg-0886","VisBug","Browser extension giving design-tool style handles on any live page for spacing, typography, alignment and element inspection.",13,313,["devtools","chrome-extension","design","inspection"],"Adam Argyle (@argyleink)","free","VG-0886-card.svg",0,6,0],["pulse-vg-0568",".pulse","Heartbeat Agency's open design system aimed at agency teams, with components, tokens and a lightweight governance model.",5,65,["agency","tokens","governance","components"],"Heartbeat Agency","open-source","VG-0568-card.svg",0,5,0],["gradienta-vg-0716","Gradienta","Curated set of animated and static CSS gradient backgrounds, each copyable as pure CSS with no images.",3,30,["gradient","css","backgrounds","animated"],"","free","VG-0716-card.svg",0,2,0],["project-wallace-design-tokens-vg-0626","Project Wallace Design Tokens","Statically analyses any CSS file or live URL and extracts the implicit design tokens already hiding in it.",5,19,["css","analysis","design-tokens","audit"],"Bart Veneman (@bartveneman)","free","VG-0626-card.svg",0,4,0],["ipvm-calculator-vg-0864","IPVM Calculator","Simulates security camera fields of view, lens coverage and image detail over a map for geolocation work.",13,479,["cameras","simulation","geolocation","fov"],"IPVM","freemium","VG-0864-card.svg",0,4,0],["openinframap-vg-0936","OpenInfraMap","Global interactive map of power lines, telecoms, solar, oil, gas and water infrastructure built on OSM data.",13,105,["maps","infrastructure","visualization","osm"],"Russ Garrett (@russss)","open-source","VG-0936-card.svg",0,5,0],["clipanion-vg-0857","Clipanion","Type-safe CLI framework with zero runtime dependencies where commands are classes and argument types flow into your handler.",13,213,["cli","typescript","type-safe","framework"],"Maël Nison (@arcanis)","MIT","VG-0857-480.webp",0,3,0],["data-color-picker-vg-0655","Data Color Picker","Generates sequential and diverging palettes for charts, interpolating in a perceptual space so steps read as even.",3,36,["dataviz","palette","color","charts"],"Erik Kennedy","free","VG-0655-card.svg",0,2,0],["ibm-design-language-vg-0532","IBM Design Language","IBM's foundational design language covering colour, type, motion, grid, iconography and its underlying design philosophy.",5,117,["brand","foundations","motion","grid"],"IBM","free","VG-0532-card.svg",0,6,0],["the-list-of-public-design-systems-vg-0548","The List of Public Design Systems","Continuously updated index of sixty-plus public design systems with direct links to their live documentation sites.",5,40,["directory","design-systems","index","research"],"The Design System Guide","free","VG-0548-card.svg",0,4,0],["krds-vg-0560","KRDS","Korean government design system covering components, typography and Hangul-specific typographic and spacing rules.",5,116,["government","korea","typography","cjk"],"Korean Government","free","VG-0560-card.svg",0,6,0],["backpack-vg-0573","Backpack","Skyscanner's design system with React, iOS and Android implementations plus documented motion and RTL specifications.",5,65,["react","native","motion","rtl"],"Skyscanner","Apache-2.0","VG-0573-card.svg",0,5,0],["auro-vg-0572","Auro","Alaska Airlines' design system built entirely on Lit web components with published accessibility conformance reports.",5,65,["web-components","lit","airline","accessibility"],"Alaska Airlines","Apache-2.0","VG-0572-card.svg",0,3,0],["geist-vg-0583","Geist","Vercel's design system: colour and typography foundations, Geist Sans and Mono typefaces, icon set and React components.",5,65,["react","typography","icons","tokens"],"Vercel","free","VG-0583-card.svg",0,3,0],["liquid-vg-0590","Liquid","Merck/EMD's design system built on web components with a distinctive brand-expressive theming layer over neutral primitives.",5,65,["web-components","pharma","theming","brand"],"Merck KGaA / EMD","Apache-2.0","VG-0590-card.svg",0,4,0],["marcel-vg-0592","Marcel","Carrefour's design system spanning retail web and app, with commerce components and a documented token architecture.",5,65,["retail","commerce","tokens","multi-brand"],"Carrefour","open-source","VG-0592-card.svg",0,4,0],["motion-vg-0593","Motion","Michelin's design system covering web components, brand foundations and industrial B2B interface patterns.",5,65,["web-components","b2b","brand","tokens"],"Michelin","open-source","VG-0593-card.svg",0,3,0],["odyssey-vg-0597","Odyssey","Okta's design system focused on identity, auth and security flows with React components and Figma kits.",5,65,["react","auth","security","figma"],"Okta","open-source","VG-0597-card.svg",0,4,0],["origami-vg-0599","Origami","Financial Times' component system built as versioned, independently-releasable modules rather than one monolithic package.",5,65,["modular","editorial","versioning","web-components"],"Financial Times","MIT","VG-0599-card.svg",0,3,0],["saga-vg-0605","Saga","Grafana's design system covering dashboard components, chart theming and the tokens behind its light and dark modes.",5,65,["dashboards","charts","dark-mode","tokens"],"Grafana Labs","Apache-2.0","VG-0605-card.svg",0,6,0],["tokensbr-cke-vg-0633","TokensBrücke","Figma plugin that exports Figma variables and styles to W3C DTCG-format token JSON with configurable naming.",5,19,["figma","variables","dtcg","export"],"Nikolay Nikolov","free","VG-0633-card.svg",0,6,0],["dispersa-vg-0622","Dispersa","DTCG-native token build system supporting resolver documents, sets and modifiers, exporting CSS, Tailwind v4, Swift and Compose.",5,19,["design-tokens","dtcg","tailwind","swift"],"Dispersa (dispersa-core)","open-source","VG-0622-card.svg",0,3,0],["engramma-vg-0624","Engramma","Browser-based design token editor and converter that previews colour, type and spacing while exporting standard token formats.",5,19,["design-tokens","editor","converter","browser"],"Engramma","freemium","VG-0624-card.svg",0,3,0],["huemint-vg-0659","Huemint","Uses a machine-learning model trained on real designs to generate palettes constrained to a chosen layout or brand context.",3,36,["palette","ml","brand","color"],"Jack Qiao","free","VG-0659-card.svg",0,2,0],["picular-vg-0665","Picular","Type any word and get the dominant colors from image search results, turning language directly into hex values.",3,36,["color","search","inspiration","palette"],"Future Memories","free","VG-0665-card.svg",0,1,0],["dialkit-vg-0708","DialKit","Floating React control panel with sliders, toggles and colour pickers for tweaking values live in a running app.",3,480,["react","debug","controls","tweakpane"],"Josh Puckett (@joshpuckett)","open-source","VG-0708-card.svg",0,3,0],["design-tokens-generator-vg-0709","Design Tokens Generator","Generates a complete set of CSS custom property design tokens for colour, type and spacing from a few inputs.",3,441,["design-tokens","css-variables","generator"],"LayoutIt","free","VG-0709-card.svg",0,4,0],["screenshot-rocks-vg-0763","Screenshot.rocks","Converts screenshots into browser or phone mockups with 3D tilt, gradient backdrops and instant download.",3,100,["screenshots","mockups","3d","free"],"","free","VG-0763-card.svg",0,2,0],["svg-path-editor-vg-0791","SVG Path Editor","Node-level editor for raw SVG path data with live command list, transforms, arc visualisation and path optimisation.",3,3,["svg","path","editor","optimization"],"Yann Armelin (@Yqnn)","Apache-2.0","VG-0791-card.svg",0,2,0],["font-playground-vg-0820","Font Playground","Experimental interface for variable fonts with novel axis controls, letting you explore designspace beyond simple sliders.",3,24,["variable-fonts","typography","playground","experimental"],"Wenting Zhang","free","VG-0820-card.svg",0,1,0],["libre-fonts-by-womxn-vg-0829","Libre Fonts by Womxn","Curated index of libre typefaces designed by women and non-binary type designers, with direct source links.",3,24,["fonts","libre","curated","typography"],"","open-source","VG-0829-card.svg",0,1,0],["uncut-vg-0834","UNCUT","Curated library of contemporary free and libre typefaces, presented as a proper type catalogue rather than a download farm.",3,24,["fonts","libre","foundry","typography"],"","free","VG-0834-card.svg",0,2,0],["basejump-vg-0874","Basejump","Open-source Supabase starter providing teams, accounts, roles, billing hooks and row-level-security policies as ready-made SQL.",13,82,["supabase","saas","rls","starter"],"Basejump (@usebasejump)","MIT","VG-0874-card.svg",0,3,0],["pixefy-vg-0884","Pixefy","Extension for checking responsive layouts by rendering a page across multiple device widths simultaneously inside one browser tab.",13,313,["responsive","chrome-extension","testing","layout"],"Pixefy","free","VG-0884.jpg",0,3,0],["svg-grabber-vg-0885","SVG Grabber","Extension that lists every SVG on the current page and lets you preview, copy the markup or download each one individually.",13,313,["svg","chrome-extension","assets","icons"],"SVG Grabber","free","VG-0885-card.svg",0,4,0],["evolu-vg-0916","Evolu","Local-first framework built on SQLite with end-to-end encryption, typed schemas and CRDT sync where the server never sees plaintext.",13,143,["local-first","sqlite","e2ee","crdt"],"Daniel Steigerwald (@steida)","MIT","VG-0916-card.svg",0,2,0],["triplit-vg-0927","Triplit","Full-stack database with a relational query engine that syncs to clients in realtime, offline support and optimistic updates built in.",13,143,["sync","database","realtime","offline"],"Triplit (@aspen-cloud)","open-source","VG-0927-card.svg",0,3,0],["overpass-turbo-vg-0937","Overpass Turbo","Web IDE for querying and visualising arbitrary OpenStreetMap data with instant map rendering of results.",13,105,["openstreetmap","query","maps","data"],"@tyr","open-source","VG-0937-card.svg",0,4,0],["satellites-pro-vg-0948","Satellites.pro","Single interface for switching between several free satellite imagery and mapping providers at the same location.",13,223,["satellite","imagery","maps","comparison"],"","free","VG-0948-card.svg",0,4,0],["texture-ninja-vg-0995","Texture Ninja","Large collection of public-domain photographic textures shot for artists - walls, rust, signage, grime.",4,4,["textures","public-domain","photography","grunge"],"Texture Ninja","free","VG-0995-card.svg",0,4,0],["css-peeper-vg-0883","CSS Peeper","Extension that extracts colors, fonts, spacing and downloadable assets from a page into a clean panel instead of raw devtools.",13,313,["css","chrome-extension","inspection","assets"],"CSS Peeper","freemium","VG-0883-card.svg",0,5,0],["geohints-vg-0908","GeoHints","Visual reference of regional traffic lights, utility poles, bollards, road markings and signage by country.",13,250,["geolocation","reference","visual","osint"],"","free","VG-0908-card.svg",0,4,0],["modern-fluid-typography-editor-vg-0830","Modern Fluid Typography Editor","Visual editor for fluid type that graphs the clamp curve as you drag, making the math visible instead of guessed.",3,24,["fluid-type","clamp","visualization","css"],"","free","VG-0830-card.svg",0,1,0],["the-pattern-library-vg-0996","The Pattern Library","Curated collection of full-screen designer-made background patterns, downloadable and usable as CSS backgrounds.",4,419,["patterns","backgrounds","css","design"],"The Pattern Library","free","VG-0996-card.svg",0,3,0],["meshgradient-by-visualy-vg-0719","MeshGradient by Visualy","Mesh gradient generator with noise and grain overlays, exporting PNG or CSS-ready output at chosen resolution.",3,30,["gradient","mesh","noise","backgrounds"],"Visualy","free","VG-0719-card.svg",0,2,0],["m-stica-vg-0594","Mística","Telefónica's multi-brand design system where one component library serves Movistar, O2, Vivo and Tu through swappable skins.",5,65,["multi-brand","theming","react","react-native"],"Telefónica","MIT","VG-0594-card.svg",0,6,0],["tanaguru-contrast-finder-vg-0528","Tanaguru Contrast Finder","Tool that suggests the nearest passing colour alternatives when a pair fails contrast, instead of just reporting failure.",5,15,["contrast","color","wcag","accessibility"],"Tanaguru","open-source","VG-0528-card.svg",0,4,0],["asphalt-vg-0569","Asphalt","GO-JEK's design system covering mobile-first components, illustration language and Indonesian-market localisation guidance.",5,65,["mobile","illustration","localisation","tokens"],"GO-JEK","open-source","VG-0569-card.svg",0,5,0],["calcite-vg-0576","Calcite","Esri's design system for mapping applications: web components, map-specific controls and a large geospatial icon set.",5,65,["web-components","maps","geospatial","icons"],"Esri","Apache-2.0","VG-0576-card.svg",0,2,0],["instructure-ui-vg-0585","Instructure UI","Education-platform design system with React components, strict accessibility gates and a documented deprecation and codemod process.",5,65,["react","education","accessibility","codemods"],"Instructure","MIT","VG-0585-card.svg",0,5,0],["porsche-design-system-vg-0603","Porsche Design System","Automotive design system delivered as framework-agnostic web components with strict brand-compliance validation baked into the tooling.",5,65,["web-components","automotive","brand","validation"],"Porsche","MIT","VG-0603-card.svg",0,3,0],["clippy-vg-0680","Clippy","Drag-and-drop clip-path editor supporting polygon, circle, ellipse and inset with live CSS output over your own image.",3,59,["css","clip-path","shapes","generator"],"Bennett Feely","free","VG-0680-card.svg",0,4,0],["remix-icon-vg-0734","Remix Icon","Neutral-style icon system of over two thousand icons designed as a matched set in both line and fill variants.",3,101,["icons","svg","line-fill","open-source"],"Remix Design","Apache-2.0","VG-0734-card.svg",0,1,0],["servier-medical-art-vg-0749","Servier Medical Art","Three thousand free medical and biological illustrations covering anatomy, cells and lab equipment, licensed CC BY.",3,25,["illustration","medical","science","free"],"Servier","free","VG-0749-card.svg",0,1,0],["jsx-email-vg-0904","JSX Email","Email framework that renders JSX to client-safe HTML with twenty-plus components, a CSS-support checker CLI and live preview.",13,334,["email","jsx","tailwind","preview"],"Andrew Powell (@shellscape)","MIT","VG-0904-card.svg",0,3,0],["google-webfonts-helper-vg-0841","google-webfonts-helper","Generates self-hosting bundles for any Google Font: woff2, woff, ttf, eot files plus the matching @font-face CSS.",3,481,["fonts","self-hosting","woff2","css","gdpr"],"Mario Ranftl (@majodev)","MIT","VG-0841-card.svg",0,3,0],["jazz-vg-0920","Jazz","Framework where collaborative, permissioned data structures sync themselves, with built-in auth, file handling and end-to-end encryption.",13,143,["local-first","collaboration","e2ee","sync"],"Garden Computing (@gardencmp)","MIT","VG-0920-card.svg",0,4,0],["espanso-vg-0953","Espanso","Cross-platform text expander that replaces triggers with snippets, dates, shell command output and form-driven templates system-wide.",13,482,["text-expansion","automation","cli","cross-platform","snippets"],"Federico Terzi (@federicoterzi)","GPL","VG-0953-card.svg",0,3,0],["pattern-lab-vg-0551","Pattern Lab","Atomic-design pattern engine that composes components from atoms upward and generates a browsable pattern library.",5,236,["atomic-design","pattern-library","templating","documentation"],"Brad Frost & Dave Olsen","MIT","VG-0551-card.svg",0,6,0],["clever-components-vg-0579","Clever Components","Clever Cloud's open library of framework-agnostic web components for cloud-console interfaces, with per-component docs and demos.",5,65,["web-components","cloud","console","open-source"],"Clever Cloud","Apache-2.0","VG-0579-card.svg",0,5,0],["design-system-cookbooks-vg-0545","Design System Cookbooks","Directory of over a hundred open-source design systems, filterable by framework, license and organisation type.",5,40,["directory","open-source","design-systems","filters"],"Design System Cookbooks","free","VG-0545-card.svg",0,5,0],["colorable-vg-0651","Colorable","Minimal matrix that cross-checks every color in a palette against every other for WCAG contrast in one glance.",3,36,["contrast","wcag","matrix","palette"],"Brent Jackson (@jxnblk)","MIT","VG-0651-card.svg",0,2,0],["colorspace-vg-0672","ColorSpace","Palette and gradient generator that expands a single input colour into matching schemes, including three-colour gradient output.",3,56,["color","gradients","palettes","css"],"MyColorSpace (@mycolorspace)","free","VG-0672-card.svg",0,3,0],["circuit-ui-vg-0578","Circuit UI","SumUp's React design system for payments and point-of-sale interfaces, with documented money-input and currency patterns.",5,65,["react","payments","fintech","tokens"],"SumUp","Apache-2.0","VG-0578-card.svg",0,3,0],["intergalactic-vg-0586","Intergalactic","Semrush's design system with React components, a charting layer and documented rules for data-heavy SaaS interfaces.",5,65,["react","charts","saas","data-viz"],"Semrush","MIT","VG-0586-card.svg",0,6,0],["vitamin-vg-0608","Vitamin","Decathlon's design system spanning web, Flutter and native, with sport-retail components and a shared token source.",5,65,["flutter","multi-platform","retail","tokens"],"Decathlon","open-source","VG-0608-card.svg",0,3,0],["design-token-validator-vg-0620","Design Token Validator","Web tool that checks a token JSON file against the DTCG specification and reports structural and type errors.",5,19,["design-tokens","validation","dtcg","linting"],"Anima (@animaapp)","free","VG-0620-card.svg",0,4,0],["leonardo-vg-0612","Leonardo","Adobe's contrast-first colour tool: define target contrast ratios and it generates the colours, plus adaptive theme output.",5,95,["color","contrast","adaptive-theme","data-viz"],"Adobe (@adobe)","Apache-2.0","VG-0612-card.svg",0,5,0],["bgjar-vg-0776","BGJar","Free SVG background generator covering waves, polygons, blobs, grids and noise with per-shape parameter control.",3,3,["svg","backgrounds","generator","patterns"],"@zhangshine","free","VG-0776-card.svg",0,2,0],["ukasz-adam-illustrations-vg-0750","Łukasz Adam Illustrations","Free and paid illustration packs from a single illustrator, with a consistent line and character style across sets.",3,25,["illustration","svg","character","freemium"],"Łukasz Adam","freemium","VG-0750-card.svg",0,3,0],["sargam-icons-vg-0735","Sargam Icons","Open-source icon set with a distinct rounded geometry, available in line and fill, with framework packages.",3,101,["icons","svg","rounded","open-source"],"@planetabhi","MIT","VG-0735-card.svg",0,0,0],["rotato-vg-0761","Rotato","Desktop app that renders 3D animated device mockups and screen recordings with real camera moves and lighting.",3,100,["mockups","3d","video","desktop"],"Morten Just (@mortenjust)","paid","VG-0761-card.svg",0,2,0],["dither-kit-vg-0865","dither-kit","Composable dithered chart components for React using a Recharts-style children-as-config API.",13,247,["react","charts","dither","dataviz"],"tripwire.sh","open-source","VG-0865-card.svg",0,4,0],["atmos-playground-vg-0650","Atmos Playground","Color system builder that generates full tonal scales from a few seeds and checks WCAG and APCA across every pairing.",3,36,["color-scale","oklch","contrast","design-systems"],"Atmos","freemium","VG-0650-card.svg",0,1,0],["parthenon-vg-0300","Parthenon","Symfony bundle set giving PHP teams subscriptions, invoicing, teams and multi-tenancy without leaving the framework.",8,176,["php","symfony","billing","saas"],"Parthenon","open-source","VG-0300-card.svg",0,3,0],["gg-vg-0343","gg","Offline-first diagram editor for flowcharts, mind maps and system diagrams with automatic layout and local file storage.",7,195,["diagrams","offline","flowchart","privacy"],"Jodi Giordano (@jodigiordano)","MIT","VG-0343-card.svg",0,2,0],["mitch-ivin-portfolio-vg-0362","Mitch Ivin Portfolio","Personal portfolio built as a working Windows XP desktop with draggable windows, a start menu and clickable applications.",7,483,["portfolio","retro","windows-xp","ui"],"Mitch Ivin","free","VG-0362-card.svg",0,3,0],["dygraphs-vg-0395","Dygraphs","Interactive time-series chart library built for hundreds of thousands of points with range selectors, synchronisation and error bands.",6,67,["time-series","interactive","canvas","zoom"],"Dan Vanderkam (@danvk)","MIT","VG-0395-card.svg",0,3,0],["themeselection-vg-0308","ThemeSelection","Marketplace of admin dashboards, SaaS boilerplates and Figma UI kits for React, Next.js, Vue, Laravel and Django.",8,484,["templates","admin","dashboard","figma","saas"],"ThemeSelection (Ajay Patel)","freemium","VG-0308-card.svg",0,4,0],["neat-vg-0324","Neat","Roughly 3KB opinionated CSS framework designed for plain semantic HTML and long-term maintainability, inspired by minimalist web design.",7,485,["css","minimal","classless","framework"],"Joel Dare (@codazoda)","MIT","VG-0324-card.svg",0,4,0],["orbit-vg-0366","Orbit","CSS framework for building circular interfaces from orbits, satellites, arcs and radial progress indicators without manual trigonometry.",7,486,["css","radial","ui","framework"],"Zumerlab","MIT","VG-0366-card.svg",0,4,0],["vecti-vg-0341","Vecti","Browser UI design tool built by one designer around collaborative editing and fast rendering, with European data hosting.",7,487,["design","ui","collaboration","vector"],"Serge","freemium","VG-0341-card.svg",0,4,0],["techan-js-vg-0408","Techan.js","D3 plugin for stock and financial charts with candlestick, OHLC, trendline and crosshair components.",6,67,["financial","d3","candlestick","trading"],"Andrew Andrasko (@andredumas)","MIT","VG-0408-card.svg",0,8,0],["mermaid-ascii-vg-0317","Mermaid ASCII","Converts Mermaid diagram syntax into ASCII art output via web, CLI or curl, supporting subgraphs, labelled arrows and sequence diagrams.",7,374,["mermaid","ascii","diagrams","cli"],"Alexander Grooff (@AlexanderGrooff)","open-source","VG-0317-card.svg",0,3,0],["graphite-vg-0381","Graphite","Open source vector graphics editor built on a node-based procedural graph, supporting non-destructive editing and animation in the browser.",7,488,["vector","procedural","nodes","editor"],"Graphite Labs","open-source","VG-0381-card.svg",0,2,0],["d2-vg-0454","D2","Declarative diagram language with three pluggable layout engines, sketch mode, adaptive dark mode and animated multi-board diagrams.",6,141,["diagram","dsl","layout","sketch"],"Terrastruct (@terrastruct)","open-source","VG-0454-card.svg",0,3,0],["deal-with-it-generator-vg-0351","Deal With It Generator","In-browser generator that face-detects an uploaded photo and animates sunglasses onto it, exporting a GIF without any upload.",7,489,["gif","image","browser","meme"],"Igor Klimer (@klimeryk)","free","VG-0351-card.svg",0,2,0],["wave-vg-0306","Wave","Laravel SaaS starter with billing, teams, roles, blog, API keys and a themeable admin, from DevDojo.",8,176,["laravel","php","billing","themes"],"DevDojo (@thedevdojo)","MIT","VG-0306-card.svg",0,3,0],["sky-as-a-css-gradient-vg-0335","Sky as a CSS Gradient","Page that renders the current sky at your approximate location as a live CSS gradient, refreshing every minute.",7,202,["css","gradient","generative","color"],"Daniel Lazaro (@dnlzro)","free","VG-0335-card.svg",0,1,0],["x6-vg-0477","X6","AntV diagram library for building DAG editors, ER diagrams and flowcharts with built-in interaction primitives.",6,172,["dag","flowchart","editor","antv"],"AntV / Ant Group (@antvis)","MIT","VG-0477-card.svg",0,2,0],["scribble-diffusion-vg-0208","Scribble Diffusion","Turns rough sketches into refined images using ControlNet on Replicate, with a minimal canvas UI.",8,185,["ai","image","replicate","canvas"],"Zeke Sikelianos (@zeke) / Replicate","Apache-2.0","VG-0208-card.svg",0,2,0],["cursor-directory-vg-0076","Cursor Directory","Directory of Cursor plugins, MCP servers and framework rule files, ranked by what the community is installing.",15,490,["cursor","mcp","rules","plugins","directory"],"Pontus Abrahamsson (@pontusab)","free","VG-0076-card.svg",0,7,0],["empathic-voice-interface-starter-vg-0203","Empathic Voice Interface Starter","Next.js starter for realtime voice chat with emotional expression measurement using Hume's EVI API.",8,185,["voice","ai","realtime","nextjs"],"Hume AI (@HumeAI)","MIT","VG-0203-card.svg",0,4,0],["next-shadcn-admin-dashboard-vg-0209","Next Shadcn Admin Dashboard","Admin dashboard template built on shadcn/ui with multiple layouts, charts, auth screens and RTL support.",8,234,["nextjs","shadcn","dashboard","charts"],"Arham Khan (@arhamkhnz)","MIT","VG-0209.png",0,6,0],["reaviz-vg-0404","Reaviz","React chart library with unusually strong defaults for radial, sankey, treemap and calendar heatmap types plus built-in motion.",6,67,["react","d3","radial","treemap"],"Reaviz / Austin McDaniel (@amcdnl)","Apache-2.0","VG-0404.png",0,4,0],["phuocng-css-animation-vg-0173","phuocng/css-animation","Showcases of popular CSS animations reimplemented without any animation library, each with annotated source.",11,312,["css","animation","snippets","no-dependency"],"Phuoc Nguyen (@phuocng)","MIT","VG-0173.png",0,6,0],["supermosh-vg-0143","Supermosh","Browser-based datamoshing tool that produces pixel-bleed and I-frame removal video glitches without desktop software.",11,296,["datamosh","glitch","video","browser"],"Supermosh","open-source","VG-0143-card.svg",0,4,0],["htmlrev-astro-templates-vg-0241","HTMLrev Astro Templates","Hand-curated list of free Astro templates grouped by use case with author credits and direct repo links.",8,13,["astro","templates","directory","free"],"HTMLrev","free","VG-0241-card.svg",0,4,0],["qrgpt-vg-0207","qrGPT","Generates stylised AI QR codes via Replicate with a clean single-purpose product page and rate limiting.",8,185,["ai","qr-code","replicate","nextjs"],"Steven Tey (@steventey)","MIT","VG-0207-card.svg",0,4,0],["next-js-openai-doc-search-vg-0205","Next.js OpenAI Doc Search","Template building ChatGPT-style search over your own docs with embeddings stored in Supabase pgvector.",8,185,["rag","supabase","pgvector","docs"],"Supabase (@supabase)","Apache-2.0","VG-0205-card.svg",0,3,0],["claude-code-repos-index-vg-0036","Claude-Code-Repos-Index","Maintained index of seventy-five-plus high-quality Claude Code repositories with descriptions and categories.",15,248,["claude-code","index","directory"],"Daniel Rosehill (@danielrosehill)","open-source","VG-0036-480.webp",0,4,0],["freigeist-vg-0018","Freigeist","Desktop platform where specialised frontend, backend and database agents collaborate to generate full applications from a plain description.",15,491,["ai-builder","agents","claude","no-code","desktop"],"Freigeist","paid","VG-0018-card.svg",0,3,0],["frappe-charts-vg-0396","Frappe Charts","Zero-dependency SVG chart library with GitHub-style heatmaps, annotations and region markers in a very small bundle.",6,67,["svg","zero-deps","heatmap","lightweight"],"Frappe Technologies (@frappe)","MIT","VG-0396.png",0,5,0],["zen-browser-vg-0280","Zen Browser","Firefox-based browser with split views, workspaces, a compact sidebar and heavy attention to visual calm.",8,17,["browser","firefox","productivity","design"],"Zen Browser (@zen-browser)","open-source","VG-0280-card.svg",0,4,0],["py5-vg-0330","py5","Processing reimplemented for Python 3 with direct interoperability with NumPy, Matplotlib, Pillow and Jupyter notebooks.",7,97,["python","processing","creative-coding","jupyter"],"Jim Schmitz (@hx2A)","open-source","VG-0330-card.svg",0,1,0],["chathn-vg-0202","ChatHN","Chatbot that queries the Hacker News API through OpenAI function calling, with streaming generative UI.",8,185,["ai","function-calling","nextjs","streaming"],"Steven Tey (@steventey)","MIT","VG-0202-card.svg",0,4,0],["justif-vg-0379","Justif","JavaScript library bringing Knuth-Plass line breaking, hyphenation, optical margin protrusion and microtypography to web text.",7,24,["typography","justification","text","microtypography"],"Lyall Cooper (@lyallcooper)","open-source","VG-0379-card.svg",0,1,0],["magick-css-vg-0323","magick.css","Single-file mostly classless CSS framework styled after LaTeX papers, tabletop RPG rulebooks and brutalist layout, with no JavaScript.",7,485,["css","classless","typography","minimal"],"Julius Kawatziklis (@winterveil)","open-source","VG-0323-card.svg",0,4,0],["nephele-vg-0189","Nephele","React tool for generating volumetric cloud textures from layered SVG turbulence filters.",11,346,["svg-filter","clouds","react","texture"],"(@beauhaus)","MIT","VG-0189.png",0,3,0],["textures-js-vg-0389","Textures.js","D3 module that generates SVG pattern fills — lines, circles, paths — for encoding categories without relying on colour alone.",6,492,["svg","patterns","accessibility","d3"],"Riccardo Scalco (@riccardoscalco)","MIT","VG-0389-card.svg",0,3,0],["css-glass-vg-0138","css.glass","Visual generator for glassmorphism panels that outputs backdrop-filter CSS with live blur, transparency, border and outline controls.",11,396,["css","glassmorphism","generator","backdrop-filter"],"Mike Tromba (@miketromba)","free","VG-0138-card.svg",0,6,0],["perspective-vg-0402","Perspective","Streaming analytics component with a C++/WebAssembly query engine, pivot UI and Apache Arrow ingest, usable as a web component or Jupyter widget.",6,67,["wasm","streaming","pivot","arrow"],"OpenJS Foundation / J.P. Morgan","Apache-2.0","VG-0402-card.svg",0,3,0],["sigma-js-vg-0490","Sigma.js","WebGL graph rendering engine for large networks with pluggable programs for node and edge shapes, paired with Graphology.",6,177,["webgl","graph","network","rendering"],"Guillaume Plique (@Yomguithereal) / OuestWare","MIT","VG-0490-card.svg",0,6,0],["css-flexbox-playground-vg-0353","CSS Flexbox Playground","Interactive sandbox exposing every flex container and item property with live layout preview and copyable generated CSS.",7,493,["css","flexbox","learning","playground"],"Yoav Sabag (@yoav_sbg)","free","VG-0353-card.svg",0,5,0],["flitter-vg-0367","Flitter","Declarative graphics library bringing a Flutter-style widget tree to SVG and canvas rendering for data visualisation on the web.",7,377,["svg","canvas","declarative","dataviz"],"tmdeoans","open-source","VG-0367-card.svg",0,6,0],["typograms-vg-0318","Typograms","Lightweight text image format that renders hand-positioned ASCII into clean SVG diagrams for technical documentation.",7,374,["ascii","svg","diagrams","documentation"],"Sam Goto (@sgo)","open-source","VG-0318-card.svg",0,1,0],["gradients-vg-0338","Gradients","Generator producing the soft multi-stop mesh gradients popularised by AI product marketing sites, exportable as CSS.",7,59,["css","gradient","generator","design"],"Venki (@venkii)","free","VG-0338-card.svg",0,3,0],["css-logic-gates-vg-0333","CSS Logic Gates","Demonstration implementing AND, OR, NOT, XOR gates plus half adders, full adders and multiplexers using only the CSS if() function.",7,202,["css","if-function","experiment","logic"],"Yongseok (@yongsk0066)","free","VG-0333-card.svg",0,4,0],["glass3d-vg-0337","Glass3D","Browser generator that produces layered CSS for realistic glass refraction effects, exporting the rules straight into your stylesheet.",7,59,["css","glassmorphism","generator","ui"],"Kris (@kris-kay)","free","VG-0337-card.svg",0,3,0],["bento-slides-vg-0363","Bento Slides","Presentation format that packs an entire deck, assets and styling into a single self-contained HTML file.",7,369,["slides","html","presentation","single-file"],"","unknown","VG-0363-card.svg",0,1,0],["garden-of-flowers-vg-0378","Garden of Flowers","Archive of pictorial typography from the 1600s to 1900s: printers' flowers, ornamental borders, rule pictures and compositional type experiments.",7,24,["typography","ornaments","archive","history"],"Heikki Lotvonen (@hlotvonen)","free","VG-0378-card.svg",0,1,0],["styleseed-vg-0052","StyleSeed","Design-judgment skill that teaches an agent refined visual principles so its UI output stops defaulting to generic templates.",15,232,["claude-skills","design","ui","taste"],"kiwiman (@bitjaru)","open-source","VG-0052.png",0,3,0],["formbricks-vg-0263","Formbricks","Survey and experience-management platform with in-product micro-surveys, targeting, link surveys and a visual editor.",8,17,["nextjs","surveys","typeform","self-hosted"],"Formbricks (@formbricks)","GPL","VG-0263-card.svg",0,2,0],["next-js-landing-page-starter-vg-0251","Next.js Landing Page Starter","Minimal free Next.js and Tailwind landing page scaffold with linting, formatting and deployment config preconfigured.",8,196,["nextjs","tailwind","landing","starter"],"Rémi Awosanya (@ixartz)","MIT","VG-0251.png",0,4,0],["d3-x3d-vg-0437","d3-x3d","Data-driven 3D charts rendering to X3D/X3DOM, covering 3D bar, scatter, surface and bubble charts.",6,207,["3d","x3d","charts","d3"],"James Saunders (@jamesleesaunders)","GPL","VG-0437-480.webp",0,4,0],["openstatus-vg-0271","OpenStatus","Status page and synthetic monitoring platform with global checks, incident timelines and embeddable status widgets.",8,17,["nextjs","monitoring","status-page","turborepo"],"OpenStatus (@openstatusHQ)","GPL","VG-0271.png",0,4,0],["gradient-magic-vg-0147","Gradient Magic","Gallery of unusual CSS gradients including patterned, striped and repeating conic effects, each with copyable source.",11,86,["css","gradients","background","gallery"],"(@GradientMagic)","free","VG-0147-card.svg",0,3,0],["librarian-mcp-vg-0066","librarian-mcp","MCP server exposing a local markdown second brain to agents with search and structured retrieval.",15,368,["mcp","markdown","notes","local-first"],"@ngmeyer","open-source","VG-0066.png",0,3,0],["lead-processing-agent-vg-0204","Lead Processing Agent","Next.js and AI SDK template that researches and qualifies inbound leads with an agent loop and structured output.",8,185,["agent","ai-sdk","nextjs","automation"],"Vercel (@vercel)","MIT","VG-0204-card.svg",0,3,0],["rawl-vg-0357","Rawl","Visual music theory tool that colours MIDI by scale degree, making harmonic structure in pop and rock songs readable at a glance.",7,494,["music","midi","visualization","education"],"Vitaly Pavlenko (@vitaly-pavlenko)","open-source","VG-0357-card.svg",0,4,0],["hover-dev-vg-0115","Hover.dev","Library of animated React and Tailwind components including glow buttons, spotlight cards, marquees and hero effects.",11,93,["react","tailwind","animation","components"],"Tom (@tomisloading)","freemium","VG-0115-card.svg",0,4,0],["cobalt-vg-0359","Cobalt","Painting program for textural, expressive pixel art with an eight-colour constraint, running on Windows, Linux and the Nintendo DS.",7,16,["pixel-art","editor","constraint","nintendo-ds"],"Ben Bridle","paid","VG-0359-card.svg",0,1,0],["svelvet-vg-0358","Svelvet","Svelte component library for interactive node-and-edge graphs with zooming, panning, custom nodes and anchor-level control.",7,495,["svelte","node-graph","flow","components"],"Svelvet contributors","MIT","VG-0358-card.svg",0,3,0],["liquid-glass-studio-vg-0161","liquid-glass-studio","WebGL2 and WebGPU recreation of Apple's liquid glass with tunable refraction, dispersion, blur and shadow parameters in a live playground.",11,190,["webgl","webgpu","liquid-glass","shader"],"(@iyinchao)","open-source","VG-0161.png",0,6,0],["globe-gl-vg-0497","globe.gl","Three.js web component for 3D globes with arcs, points, hex bins, rings, polygons, paths and custom objects.",6,6,["globe","threejs","3d","geo"],"Vasco Asturiano (@vasturiano)","MIT","VG-0497-card.svg",0,5,0],["claude-code-tips-vg-0073","Claude Code Tips","Forty-six-plus documented Claude Code techniques plus status-line scripts, conversation utilities and a bundled developer-experience plugin.",15,496,["claude-code","tips","statusline","plugin","workflow"],"YK Dojo (@ykdojo)","open-source","VG-0073.png",0,3,0],["drift-vg-0154","Drift","Zoom-on-hover for product images with a detached pane, inline mode and no dependencies.",11,332,["hover","zoom","image","ecommerce"],"Straw Dynamics (@strawdynamics)","MIT","VG-0154.png",0,5,0],["wavedrom-vg-0459","WaveDrom","Renders digital timing diagrams and register maps from a compact JSON description, in browser or CLI.",6,141,["timing-diagram","json","hardware","svg"],"Aliaksei Chapyzhenka (@drom)","MIT","VG-0459-card.svg",0,5,0]],"categories":[{"name":"UI Components & Libraries","count":231},{"name":"Design Tools & Generators","count":229},{"name":"Resource Directories & Inspiration","count":185},{"name":"Dev Utilities & Vibe-Coding Tooling","count":163},{"name":"AI Skills, Agents & MCP","count":156},{"name":"Data Visualization & Charts","count":140},{"name":"Mobile & Cross-platform UI","count":124},{"name":"Design Systems & Foundations","count":122},{"name":"Figma, Assets & Media","count":113},{"name":"Clonable Projects & Starters","count":113},{"name":"Shaders, WebGL & Creative Coding","count":113},{"name":"Games, Juice & Interactive","count":110},{"name":"Motion & Animation","count":105},{"name":"Backgrounds, Effects & CSS Oddities","count":105},{"name":"Learning & Craft","count":102},{"name":"Community Finds","count":82}]}