{"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","WebGPU engines","Music theory","Agent avatars","Vector editors","React","Interactive science","WebGL tools","Avatar generators","Fold animations","Learning","AI interfaces","creative coding","Layout theory","Design tokens","Layout & spacing","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","CSS-only collections","Variable fonts","Textures & grain","YouTube","Design engineer canon","RN performance","SwiftUI utilities","Codepen collections","Free fonts - directories","AI detection","Image forensics","Camera modelling","Debug UI","Typography tooling","Text expansion","Portfolios","Template marketplaces","Classless CSS","Radial UI","Design tools","Image tools","Rule and plugin directories","AI app builders","Chart texture","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,26,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,13,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,14,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,14,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,46,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,10,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,19,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,7,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,10,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,16,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,12,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,13,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,9,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,9,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,16,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,9,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,11,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,10,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,14,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,23,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,12,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,23,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,6,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,10,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,13,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,14,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,7,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,11,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,14,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,6,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,16,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,15,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,9,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,25,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,7,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,10,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,7,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,9,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,43,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,20,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,32,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,17,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,12,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,18,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,10,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,24,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,12,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,10,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,9,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,6,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,9,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,8,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,11,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,9,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,11,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,7,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,7,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,11,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,10,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,8,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,7,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,9,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,19,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,10,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,9,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,9,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,11,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,7,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,13,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,11,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,15,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,15,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,10,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,14,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,7,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,6,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,31,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,9,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,14,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,15,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,9,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,16,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,8,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,7,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,6,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,10,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,9,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,11,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,9,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,20,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,20,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,13,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,9,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,12,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,21,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,12,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,8,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,6,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,9,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,9,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,10,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,11,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,12,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,7,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,20,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,8,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,9,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,23,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,25,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,24,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,8,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,12,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,15,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,9,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,9,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,8,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,14,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,11,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,18,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,12,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,21,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,7,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,7,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,9,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,11,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,7,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,10,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,8,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,10,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,7,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,18,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,10,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,7,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,17,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,11,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,36,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,9,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,10,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,15,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,13,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,17,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,10,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,6,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,8,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,7,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,10,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,8,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,12,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,16,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,6,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,8,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,9,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,15,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,17,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,11,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,9,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,8,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,19,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,10,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,12,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,9,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,4,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,9,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,8,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,8,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,12,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,10,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,12,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,11,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,8,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,13,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,16,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,10,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,5,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,9,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,7,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,14,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,9,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,8,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,10,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,25,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,23,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,25,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,6,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,8,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,10,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,10,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,6,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,8,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,10,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,11,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,7,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,7,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,6,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,7,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,39,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,6,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,7,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,7,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,12,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,10,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,7,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,9,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,6,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,7,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,8,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,11,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,9,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,7,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,12,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,56,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,7,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,10,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,9,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,8,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,14,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,9,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,9,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,11,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,11,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,8,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,10,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,33,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,8,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,27,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,9,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,8,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,7,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,9,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,9,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,8,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,20,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,11,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,35,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,8,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,4,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,8,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,13,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,5,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,11,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,9,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,9,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,8,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,7,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,18,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,10,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,14,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,14,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,13,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,7,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,11,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,10,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,7,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,9,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,13,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,14,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,12,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,9,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,10,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,8,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,9,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,10,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,20,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,7,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,10,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,7,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,7,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,7,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,9,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,8,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,10,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,8,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,12,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,10,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,27,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,5,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,17,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,10,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,9,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,7,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,10,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,18,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,7,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,10,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,11,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,48,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,9,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,20,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,8,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,8,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,15,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,12,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,13,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,12,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,11,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,10,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,21,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,10,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,11,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,11,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,22,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,7,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,21,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,9,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,13,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,8,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,8,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,13,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,10,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,6,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,8,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,12,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,8,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,9,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,24,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,10,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,45,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,8,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,11,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,11,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,9,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,6,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,9,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,8,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,9,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,11,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,8,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,16,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,7,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,4,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,13,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,10,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,10,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,9,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,12,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,8,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,9,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,8,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,20,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,10,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,12,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,8,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,10,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,9,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,11,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,10,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,4,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,13,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,11,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,8,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,11,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,8,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,8,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,9,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,11,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,10,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,11,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,9,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,10,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,10,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,30,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,10,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,12,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,10,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,8,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,7,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,13,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,6,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,9,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,9,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,9,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,9,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,9,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,6,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,8,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,9,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,8,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,10,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,8,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,12,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,6,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,7,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,7,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,8,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,14,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,9,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,10,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,8,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,8,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,8,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,10,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,14,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,9,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,6,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,19,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,9,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,8,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,9,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,13,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,9,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,15,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,11,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,9,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,11,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,9,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,13,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,9,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,13,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,8,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,11,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,12,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,13,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,9,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,10,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,15,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,8,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,23,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,16,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,10,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,11,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,28,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,18,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,9,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,7,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,8,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,7,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,7,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,17,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,12,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,9,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,8,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,11,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,10,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,12,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,9,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,11,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,5,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,11,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,6,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,11,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,7,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,5,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,9,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,16,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,24,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,9,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,10,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,12,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,9,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,14,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,7,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,8,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,9,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,9,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,9,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,7,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,7,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,10,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,16,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,12,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,7,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,10,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,18,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,12,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,8,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,11,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,11,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,9,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,11,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,7,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,7,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,10,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,9,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,9,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,9,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,7,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,12,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,7,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,10,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,10,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,12,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,15,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,10,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,42,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,10,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,8,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,14,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,6,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,9,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,10,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,10,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,7,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,6,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,8,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,10,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,18,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,12,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,9,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,10,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,12,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,8,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,10,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,12,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,11,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,10,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,8,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,14,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,9,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,7,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,12,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,8,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,7,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,11,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,6,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,6,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,10,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,10,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,8,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,10,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,10,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,21,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,10,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,8,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,13,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,10,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,7,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,8,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,9,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,11,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,12,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,8,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,10,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,8,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,10,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,8,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,15,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,9,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,10,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,9,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,7,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,10,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,21,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,9,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,15,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,7,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,9,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,8,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,12,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,7,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,7,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,13,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,8,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,8,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,9,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,9,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,6,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,10,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,7,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,7,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,9,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,8,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,11,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,15,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,14,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,8,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,13,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,9,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,8,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,16,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,7,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,9,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,12,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,6,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,7,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,7,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,17,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,10,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,9,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,9,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,8,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,10,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,10,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,7,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,23,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,10,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,12,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,10,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,10,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,8,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,11,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,7,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,10,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,9,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,12,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,11,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,13,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,11,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,8,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,7,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,6,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,9,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,8,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,6,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,27,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,10,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,8,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,11,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,12,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,11,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,18,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,11,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,8,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,34,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,8,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,31,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,12,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,8,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,10,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,8,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,19,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,11,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,7,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,9,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,9,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,14,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,12,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,9,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,8,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,9,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,9,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,19,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,9,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,11,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,14,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,6,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,12,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,8,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,9,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,11,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,9,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,8,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,9,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,11,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,9,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,11,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,7,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,8,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,9,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,7,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,12,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,9,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,9,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,11,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,14,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,11,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,8,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,17,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,6,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,14,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,12,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,9,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,10,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,9,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,9,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,10,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,7,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,8,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,10,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,8,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,10,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,10,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,8,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,10,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,10,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,9,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,6,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,11,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,6,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,7,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,12,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,10,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,31,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,9,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,14,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,6,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,9,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,10,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,11,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,4,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,5,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,11,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,11,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,20,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,47,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,7,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,8,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,12,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,8,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,10,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,13,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,7,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,12,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,9,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,13,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,11,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,10,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,9,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,10,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,7,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,10,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,22,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,10,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,9,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,7,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,10,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,11,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,10,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,14,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,13,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,8,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,10,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,9,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,8,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,12,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,8,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,8,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,11,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,10,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,7,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,8,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,7,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,10,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,8,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,10,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,8,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,16,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,8,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,16,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,8,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,12,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,10,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,8,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,11,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,14,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,7,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,9,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,13,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,7,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,12,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,10,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,6,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,11,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,11,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,13,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,11,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,12,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,7,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,19,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,12,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,8,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,17,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,11,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,8,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,26,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,14,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,13,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,9,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,10,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,11,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,11,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,11,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,8,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,9,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,10,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,7,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,12,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,6,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,14,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,11,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,7,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,10,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,6,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,9,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,5,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,8,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,6,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,9,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,9,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,7,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,9,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,10,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,17,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,13,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,11,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,9,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,10,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,5,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,9,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,5,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,7,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,10,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,11,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,8,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,7,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,14,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,7,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,10,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,6,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,8,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,9,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,9,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,10,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,7,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,11,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,9,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,13,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,8,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,11,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,11,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,9,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,7,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,7,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,12,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,11,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,6,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,7,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,9,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,9,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,8,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,25,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,9,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,14,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,7,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,8,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,7,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,8,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,10,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,10,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,13,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,6,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,11,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,16,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,6,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,9,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,9,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,7,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,8,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,15,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,12,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,11,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,42,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,9,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,10,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,8,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,26,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,5,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,23,1],["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,9,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,13,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,8,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,7,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,25,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,5,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,24,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,9,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,12,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,7,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,15,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,12,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,10,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,11,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,39,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,10,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,10,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,10,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,19,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,7,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,11,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,9,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,9,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,11,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,7,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,9,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,8,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,9,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,6,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,7,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,6,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,18,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,10,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,13,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,11,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,10,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,9,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,10,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,7,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,14,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,5,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,9,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,11,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,7,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,13,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,9,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,9,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,9,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,7,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,16,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,8,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,16,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,9,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,9,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,11,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,4,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,7,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,12,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,8,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,9,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,9,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,12,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,13,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,27,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,10,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,6,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,10,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,10,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,5,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,7,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,8,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,10,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,10,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,9,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,13,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,15,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,8,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,8,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,26,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,8,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,8,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,12,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,7,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,8,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,25,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,8,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,9,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,18,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,9,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,8,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,12,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,12,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,10,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,9,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,13,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,24,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,8,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,10,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,10,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,7,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,10,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,9,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,8,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,9,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,7,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,9,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,10,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,9,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,9,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,11,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,23,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,10,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,10,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,10,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,15,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,8,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,10,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,8,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,6,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,9,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,10,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,7,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,10,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,10,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,7,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,8,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,11,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,7,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,10,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,8,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,8,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,10,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,16,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,8,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,13,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,10,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,15,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,8,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,12,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,6,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,8,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,11,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,54,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,8,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,9,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,11,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,10,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,14,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,9,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,10,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,8,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,8,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,7,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,55,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,38,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,10,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,9,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,12,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,12,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,11,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,8,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,11,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,10,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,10,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,9,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,11,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,13,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,14,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,9,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,11,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,9,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,10,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,8,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,8,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,20,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,14,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,7,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,7,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,12,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,9,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,13,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,19,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,9,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,45,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,10,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,11,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,9,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,8,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,12,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,14,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,40,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,38,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,7,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,10,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,8,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,13,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,10,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,7,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,24,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,11,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,10,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,10,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,17,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,11,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,7,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,12,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,12,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,9,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,7,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,10,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,7,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,11,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,12,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,23,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,8,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,7,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,9,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,15,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,14,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,22,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,9,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,9,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,8,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,15,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,10,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,10,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,15,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,7,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,6,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,9,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,7,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,8,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,9,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,12,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,8,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,8,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,10,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,8,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,11,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,10,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,9,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,14,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,14,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,12,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,38,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,44,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,15,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,10,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,7,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,11,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,6,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,12,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,10,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,7,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,8,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,8,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,13,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,6,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,11,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,7,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,9,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,8,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,10,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,7,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,13,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,8,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,10,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,9,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,8,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,10,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,8,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,11,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,21,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,10,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,8,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,14,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,12,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,9,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,12,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,7,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,8,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,6,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,10,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,8,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,9,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,7,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,11,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,13,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,12,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,8,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,13,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,11,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,9,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,10,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,6,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,10,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,10,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,8,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,8,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,8,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,10,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,8,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,9,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,10,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,9,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,10,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,9,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,8,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,15,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,7,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,9,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,26,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,9,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,14,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,8,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,9,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,10,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,10,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,12,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,8,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,6,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,9,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,14,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,6,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,11,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,14,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,11,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,8,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,8,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,8,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,12,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,9,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,10,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,8,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,11,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,8,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,9,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,7,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,11,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,12,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,12,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,10,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,11,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,11,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,9,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,9,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,9,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,9,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,22,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,7,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,11,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,8,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,11,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,8,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,29,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,5,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,9,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,24,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,11,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,11,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,8,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,7,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,9,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,13,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,11,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,9,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,11,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,9,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,7,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,6,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,10,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,11,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,10,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,8,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,8,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,10,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,11,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,9,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,9,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,3,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,10,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,9,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,7,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,12,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,8,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,12,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,10,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,37,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,9,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,6,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,9,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,10,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,11,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,11,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,8,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,4,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,32,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,9,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,11,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,11,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,8,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,9,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,6,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,7,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,5,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,8,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,7,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,9,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,13,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,11,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,11,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,7,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,9,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,13,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,10,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,10,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,7,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,9,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,11,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,7,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,11,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,7,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,8,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,13,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,9,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,11,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,8,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,8,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,10,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,16,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,8,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,9,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,11,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,15,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,10,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,9,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,7,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,6,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,23,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,8,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,10,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,8,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,8,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,9,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,11,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,11,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,7,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,8,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,13,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,10,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,10,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,10,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,8,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,11,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,9,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,13,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,20,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,9,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,10,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,9,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,12,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,14,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,8,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,10,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,9,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,9,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,7,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,8,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,11,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,9,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,12,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,11,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,8,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,8,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,11,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,6,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,13,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,7,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,11,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,28,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,18,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,8,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,11,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,7,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,40,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,10,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,11,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,9,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,10,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,12,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,8,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,8,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,17,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,10,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,7,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,7,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,9,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,17,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,9,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,12,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,10,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,8,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,7,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,8,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,12,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,10,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,9,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,9,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,8,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,11,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,7,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,9,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,10,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,10,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,10,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,6,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,10,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,8,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,6,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,10,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,7,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,10,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,8,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,15,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,9,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,10,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,10,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,9,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,9,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,13,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,8,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,8,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,11,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,12,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,9,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,9,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,12,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,10,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,9,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,7,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,9,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,16,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,10,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,9,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,7,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,9,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,7,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,8,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,7,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,9,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,8,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,9,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,6,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,7,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,6,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,9,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,8,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,6,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,11,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,7,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,9,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,9,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,9,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,5,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,9,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,8,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,8,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,9,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,21,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,11,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,8,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,19,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,7,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,10,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,8,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,8,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,10,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,9,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,21,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,11,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,12,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,11,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,9,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,25,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,10,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,12,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,8,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,12,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,14,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,10,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,24,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,19,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,26,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,8,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,10,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,10,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,7,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,8,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,5,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,9,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,7,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,12,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,12,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,5,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,11,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,11,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,10,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,10,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,11,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,6,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,18,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,14,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,7,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,24,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,10,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,12,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,9,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,11,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,12,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,8,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,12,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,6,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,14,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,32,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,8,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,7,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,9,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,13,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,9,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,11,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,9,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,11,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,9,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,7,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,10,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,9,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,7,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,9,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,7,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,10,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,43,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,22,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,7,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,9,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,9,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,9,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,9,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,44,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,7,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,8,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,9,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,8,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,8,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,7,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,9,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,13,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,11,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,7,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,12,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,11,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,7,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,8,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,8,0],["motion2code-vg-2571","Motion2Code","Agent skill that rebuilds a motion design video as looping inline SVG driven by one GSAP timeline, then diffs it frame by frame against the source.",2,175,["agent-skills","gsap","svg","motion-design","video-to-code"],"Lovis Odin (@lovisdotio)","MIT","VG-2571.png",20751,0,0],["snack-hole-vg-2577","Snack Hole","Low-poly three.js hole game where you swallow cones, cars, skyscrapers and jets, with upgrades, prestige, seven procedural maps and offline play.",10,225,["browser-game","threejs","incremental","low-poly","juice"],"@SamadiPour","MIT","VG-2577.jpg",20751,1,0],["playground-arcade-vg-2578","Playground Arcade","Auto-updating directory of 900+ AI-built browser games, categorised with creator credit, device icons and controller support flags.",0,22,["games","directory","ai-built","browser-game","inspiration"],"@richleigh","free","VG-2578.png",20751,1,0],["ferris-forge-vg-2575","Ferris' Forge","Cozy pixel-art game teaching the whole Rust Book across 25 islands and 187 levels, compiled with your own rustc and tutored by Ferris via Claude Code.",1,1,["rust","learn-to-code","pixel-art","browser-game","claude-code"],"@wanikhawar","MIT","VG-2575.png",20751,0,0],["uberblok-vg-2573","Uberblok","Interactive museum of ZFS internals where each room explains one idea, like copy-on-write or RAID-Z, with an operable figure and the matching OpenZFS source.",1,142,["explorable","zfs","filesystems","animated-diagrams","museum"],"@storagebits","open-source","VG-2573-card.svg",20751,0,0],["prompt2rig-vg-2572","prompt2rig","Type a motion, a video model acts it out, and GVHMR plus finger tracking retarget it live onto any Mixamo character in the browser, exportable as GLB.",2,150,["3d-animation","mixamo","motion-capture","threejs","fal"],"Blendi (@BlendiByl)","Apache-2.0","VG-2572-card.svg",20751,0,0],["yarn-planet-vg-2576","Yarn Planet","Small-planet walking game in three.js where the path you walk becomes a thread that floods a pencil-sketch town with watercolor when connected.",10,166,["browser-game","threejs","toon-shading","multiplayer","cozy"],"Maker Jackie (@maker_jackie)","MIT","VG-2576.jpg",20751,0,0],["drop7-research-vg-2574","Drop7 Research","Open research site hunting an AI strategy for the puzzle game Drop7, with a playable board, fourteen techniques explained and every experiment logged.",10,118,["puzzle","game-ai","expectimax","research","explorable"],"Keshav Saharia (@keshavsaharia)","open-source","VG-2574.png",20751,0,0],["showrunner-vg-2563","Showrunner","Streaming-app style portfolio template with a cold-open intro, Who's watching profile picker that reorders the page for recruiters or clients, seasons, episodes and a printable résumé.",8,218,["portfolio","react","vite","template","motion"],"Abbishekk DGS (@Abbishekk-DGS)","MIT","VG-2563-card.svg",20749,1,0],["yara-reads-vg-2565","Yara Reads","Early-reading app for kids where every word is checked against the phonics sounds they know, with tap-to-sound-out help and an MCP hook for agents to write stories.",8,17,["education","cloudflare-workers","mcp","kids","reading"],"@finereli","MIT","VG-2565-card.svg",20749,1,0],["parsimony-vg-2566","Parsimony","Open benchmark that ranks AI coding models by how much code their SWE-bench patches add, counting net syntax units instead of lines, with an upload-your-own-results chart.",13,335,["benchmark","ai-models","code-quality","swe-bench","leaderboard"],"@La5u","open-source","VG-2566.png",20749,0,0],["orocoaweb-vg-2570","orocoaweb","Bilingual interactive portfolio template with Three.js point-cloud motion, GSAP and Lenis transitions and a project gallery that runs locally without npm install.",8,218,["portfolio","threejs","webgl","gsap","static-site"],"@orocoa","MIT","VG-2570.png",20749,1,0],["death-plan-switch-vg-2564","Death Plan Switch","Self-hosted dead man's switch for solo developers: a weekly check-in email, then escalating reminders, then your next of kin, then your contacts with messages you wrote.",8,17,["self-hosted","php","solo-founder","email","succession"],"Peter Bishop","MIT","VG-2564.png",20749,1,0],["scrawl-vg-2561","Scrawl","Mac app (Windows preview) where you hit a hotkey, talk, click and draw over your screen or a plugged-in iPhone, then paste the keyframes and transcript into your coding agent.",13,412,["agents","screen-recording","macos","bug-reports","claude-code"],"Kit Langton (@kitlangton)","MIT","VG-2561.png",20749,2,0],["pol-os-template-vg-2562","Pol OS Template","Desktop-OS portfolio template in the browser with windows, dock, terminal minigames, internal browser for projects, CV document, notes, guestbook and real contact mail.",8,218,["portfolio","astro","svelte","cloudflare","desktop-ui"],"Pol Marzà (@polmarza)","MIT","VG-2562.png",20749,1,0],["claude-super-sidebar-vg-2568","Claude Super Sidebar","Claude Code plugin pane plus a local Codex dashboard showing the agent and subagent tree, live status, token use and the current request's stage-grouped task flow.",15,319,["claude-code","codex","plugin","subagents","observability"],"Zafer Liu (@Zafer-Liu)","Apache-2.0","VG-2568.png",20749,2,0],["ra-jit-vg-2567","ra-jit","Drop-in cargo replacement built on rust-analyzer and Cranelift that rebuilds only changed functions and hot-swaps edits into a running Rust program in milliseconds.",13,213,["rust","hot-reload","cargo","compiler","jit"],"ix (indexable-inc)","Apache-2.0","VG-2567-card.svg",20749,2,0],["plimsoll-vg-2569","Plimsoll","Self-hosted Go sandbox service for agent-written code that reports the isolation tier of every run, refuses runs below a floor and brokers API calls without exposing credentials.",15,305,["sandbox","agents","security","go","self-hosted"],"@plimsollmark","Apache-2.0","VG-2569.png",20749,2,0],["madoromi-vg-2555","Madoromi","Forty-colour palette measured from scans of Pilot Iroshizuku fountain-pen inks, grouped by season and day or night, with editor and terminal theme ports.",3,89,["color-palette","theme","japanese","colors"],"@the-moonwitch","MPL-2.0","VG-2555.png",20748,2,0],["clawd-icons-vg-2558","Clawd Icons","111 thin-line SVG icons starring a square crab mascot, each with its own small coordinated animation where the eyes and limbs react to the object.",3,101,["icons","svg","animation","mascot"],"Tangfan (@TangfanOVO)","MIT","VG-2558.png",20748,1,0],["qingicon-vg-2560","QingIcon","Neutral UI icon library of 3,900+ icons from one SVG source in line, solid and sketch styles, with React and Vue packages, a Figma plugin and an MCP server.",3,101,["icons","svg","figma-plugin","mcp"],"Asorn (@AsornQ)","Apache-2.0","VG-2560.png",20748,4,0],["composite-font-studio-vg-2553","Composite Font Studio","Browser tool for InDesign-style composite fonts: pair CJK and Latin faces, match size, baseline and weight per character class, then export CSS, app code or merged TTF/OTF/WOFF2.",3,24,["typography","cjk","composite-font","css","fonts"],"@charlie5188","MIT","VG-2553-card.svg",20748,2,0],["ronghor-vg-2559","Ronghor","Website colour palette studio with 17 site-type presets, a live preview showing where every colour lands, WCAG contrast fixes, logo colour extraction and CSS or Tailwind export.",3,36,["color","palette","wcag","tailwind"],"@ArghoPH","MIT","VG-2559-card.svg",20748,1,0],["harshpreet-hand-vg-2554","Harshpreet Hand","Handwriting font built by Claude Code from 120 pages of college notes, with three rotating variants per letter, two weights and a documented photo-to-font pipeline.",3,24,["fonts","handwriting","claude-code","typography"],"@harshpreet931","MIT","VG-2554.png",20748,3,0],["imagerefold-vg-2556","ImageRefold","Local Figma plugin that exports frames as WebP, AVIF, JPG or PNG at multiple scales, shows file savings, and swaps oversized images in the file for lighter copies.",4,329,["figma-plugin","image-compression","webp","avif"],"Cristian Brinza (Shades Media Group)","MIT","VG-2556.png",20748,1,0],["esvigy-vg-2557","Esvigy","Open-source UI illustration set for empty states and error screens, shipped as tree-shakable React and Vue components with two-tone colour props and CSS-only animations.",3,25,["illustrations","react","vue","empty-states","svg"],"@nickfrostech","open-source","VG-2557-card.svg",20748,2,0],["furifont-vg-2552","Furifont","Japanese font built on Source Han that draws furigana above kanji itself via ligatures, so readings appear anywhere custom fonts work, with no JavaScript.",3,24,["fonts","japanese","furigana","ligatures","typography"],"Anthony Fu (@antfu)","open-source","VG-2552.png",20748,2,0],["glassy-liquid-vg-2544","glassy-liquid","Liquid Glass control library for the web: nineteen iOS 26 style components with real refraction, as Web Components plus React, Vue and Svelte bindings, about 36 kB gzip.",11,190,["liquid-glass","web-components","refraction","webgl","ui"],"@9und30","MIT","VG-2544-card.svg",20747,3,0],["gleech-vg-2545","GLEECH","Open-source desktop image editor for stacking procedural glitches, datamoshing, filters and 46 original shaders, with masks, editable projects, a terminal CLI and local MCP control.",11,296,["glitch","datamosh","shaders","image-editor","mcp"],"Ian (@pixhell)","MIT","VG-2545.png",20747,10,0],["pigment-atlas-vg-2547","Pigment Atlas","Atlas of 100 phenomena from micro to cosmos rendered as flowing data pigment in three.js WebGPU and TSL, an open homage to Refik Anadol's visual style.",12,394,["tsl","webgpu","threejs","generative-art","particles"],"@epicsagas","MIT","VG-2547-card.svg",20747,5,0],["shadermate-vg-2550","ShaderMate","Lightweight JavaScript library for ShaderToy-style WebGL work; version 2.0 adds raymarching helpers, feedback buffers, simulations, shader buttons and live GUIs.",12,144,["webgl","glsl","shadertoy","raymarching","creative-coding"],"@Tezumie","MIT","VG-2550.png",20747,2,0],["mutracer-vg-2543","MuTracer","Physically based path tracer for the browser on WebGPU with a WebGL 2 fallback, OpenPBR materials, BVH acceleration, OIDN denoising and incremental Three.js scene sync.",12,438,["webgpu","path-tracing","threejs","rendering","pbr"],"@pissang","MIT","VG-2543-card.svg",20747,2,0],["splash-vg-2549","Splash","Music player viewed through rain-soaked glass: WebGL refraction composites water splashes that grow with the track's beats via Web Audio, and you can wipe the glass clean.",12,97,["webgl","web-audio","refraction","audio-visualizer","zero-dependency"],"@vnf123","Apache-2.0","VG-2549-card.svg",20747,3,0],["gausify-orbit-vg-2551","Gausify Orbit","Turns an orbit video, including AI-generated ones, into a Gaussian splat entirely in the browser: frame picking, optional cutout, camera poses and Brush training on WebGPU.",12,163,["gaussian-splatting","webgpu","photogrammetry","3d","wasm"],"@obraia","MIT","VG-2551-card.svg",20747,2,0],["golden-temple-vg-2548","Golden Temple","Golden-hour Japanese temple complex built entirely in three.js code, 24 million triangles with procedural GLSL materials, rendered offline into a 70-second 1080p60 film.",12,162,["threejs","procedural","glsl","film","webgl"],"@Leonxlnx","MIT","VG-2548-card.svg",20747,5,0],["ff-tracking-vg-2546","ff-tracking","Six-second motion piece rendered entirely in code with fframes: a virtual camera films an agent's terminal through one SkSL lens shader while trackers lock onto glyphs.",12,97,["sksl","fframes","motion-graphics","rust","shader"],"Mustafa Saraç (@0xsarac)","MIT","VG-2546.png",20747,3,0],["osrs-ui-vg-2535","OSRS UI","Old School RuneScape's interface traced pixel for pixel into a shadcn registry: 37 components, 13 whole-screen recipes and over 1,100 sprites, frames and textures.",9,375,["shadcn","pixel-art","game-ui","registry","retro"],"@austinmrobinson","free","VG-2535.png",20746,3,0],["katok-ui-vg-2536","Katok UI","Unofficial shadcn registry of KakaoTalk iOS chat components, plus AlimTalk and Brand Message previews whose props mirror Kakao's Biz Message API fields.",9,26,["shadcn","chat-ui","kakaotalk","registry","korean"],"@froggy1014","MIT","VG-2536.png",20746,3,0],["docscn-vg-2537","docscn","Fumadocs UI rebuilt as a shadcn registry: docs layouts, search dialog, table of contents, code blocks, MDX components and an Ask AI dialog installed as source.",9,26,["shadcn","documentation","fumadocs","registry","mdx"],"@ruiyuwg","MIT","VG-2537.png",20746,4,0],["lucian-ux-ui-prompt-vg-2539","Lucian UX/UI Prompt","Gallery of 400 self-demonstrating interface elements and website sections; copy each as a full AI prompt or a standalone HTML file with light and dark tokens.",9,375,["ui-elements","prompts","agent-skills","html-css-js","animation"],"@Seokwoooo","MIT","VG-2539.png",20746,15,0],["puffy-ui-vg-2540","Puffy UI","125 free React parts you copy and own, retinted live by a colour, shape and theme picker, including tactile knobs, dials, glance widgets and AI chat pieces.",9,375,["react","components","tactile","theming","shadcn"],"Tiru (@TiruHQ)","freemium","VG-2540.png",20746,2,0],["uploadcn-vg-2534","UploadCN","Open-source file upload kit for shadcn: 90 upload blocks plus an engine with queues, retries, resumable multipart transfers and adapters for S3, R2, Cloudinary and more.",9,26,["shadcn","file-upload","registry","s3","react"],"uploadcn","MIT","VG-2534-card.svg",20746,3,0],["motionshelf-vg-2542","Motionshelf","GSAP-animated React components for sales sites, like order trackers, payment notifications and a sales-funnel sieve, each with a prompt to rebuild it via your agent.",9,375,["gsap","react","animation","shadcn","marketing"],"@JouberthAlves","MIT","VG-2542.jpg",20746,8,0],["fframes-components-vg-2541","fframes components","38 reusable animated components for the fframes Rust video framework, each behind its own Cargo feature, with a gallery of rendered previews.",9,409,["rust","video","animation","fframes","motion-graphics"],"Bilal (@Bilal0x_)","MIT","VG-2541-card.svg",20746,3,0],["kinetik-ui-vg-2538","Kinetik UI","136 animated components and four screen templates for Expo and React Native, built on Reanimated, Gesture Handler and Skia, copied into your app with one command.",14,160,["react-native","expo","reanimated","skia","animation"],"@NURULLAHTURGUT","MIT","VG-2538.png",20746,4,0],["anima-vg-2526","Anima","Claude Code skill that builds standalone interactive isometric biology figures, like dopamine synapses or GLP-1 on a beta cell, with toggles and a citation for every number.",15,345,["claude-skill","biology","isometric","svg","explainer"],"@Garinmckayl","MIT","VG-2526.png",20745,3,0],["whatsapp-mcp-cloudflare-vg-2527","WhatsApp MCP (Cloudflare)","Read-only MCP server on your own Cloudflare Workers account that links as a WhatsApp device so agents can search and read your personal chats.",15,368,["mcp","whatsapp","cloudflare-workers","read-only","durable-objects"],"@finereli","MIT","VG-2527.png",20745,16,0],["geo-audit-skill-vg-2530","GEO Audit Skill","Deterministic Python CLI plus nine Claude Code skills that audit how well ChatGPT, Perplexity and AI Overviews can crawl, quote and cite a site.",15,157,["geo","seo","claude-skills","ai-search","cli"],"SEOmator","MIT","VG-2530-card.svg",20745,2,0],["jotbus-vg-2531","Jotbus","End-to-end encrypted shared scratchpad where Claude Code, Codex, Cursor and other agents leave notes, files and handoffs for each other across machines.",15,363,["mcp","coding-agents","handoff","encryption","collaboration"],"Jotbus","freemium","VG-2531.png",20745,2,0],["blokkily-vg-2532","Blokkily","Experimental pattern-first DAW with synced tracker, piano roll and step grid, CLAP and VST3 support, and an MCP bridge so agents can compose and measure mixes.",7,158,["daw","mcp","music","tracker","clap"],"@andrewfader","open-source","VG-2532-card.svg",20745,2,0],["machine-skill-vg-2524","Machine Skill","Claude Code skill that turns a one-line machine description into a photoreal three.js simulation in one HTML file, driven by a small real physics solver.",15,345,["claude-skill","threejs","simulation","physics","cutaway"],"Airsup (@AirsupHQ)","MIT","VG-2524.png",20745,4,0],["awwwards-vg-2529","/awwwards","Agent skill that turns a one-line brief into a concept-led site with GSAP, Lenis and WebGL, then screenshots and scores it until each category hits 8/10.",15,232,["agent-skills","web-design","gsap","webgl","awwwards"],"@juliobsz","MIT","VG-2529.png",20745,2,0],["graphicle-vg-2533","Graphicle","Single Rust binary that builds a tree-sitter code graph and persistent memory your coding agents query over MCP, a port of Graphify.",15,298,["mcp","code-graph","rust","agent-memory","tree-sitter"],"Graphicle-AI","Apache-2.0","VG-2533.png",20745,3,0],["pixel-path-vg-2525","Pixel Path","Claude Code skill that routes any two places and bakes real OpenStreetMap buildings, terrain and landmarks into a scrollable pseudo-3D pixel-art fly-through page.",15,345,["claude-skill","pixel-art","openstreetmap","pseudo-3d","maps"],"Jon Wheatley (@jonwheatley)","MIT","VG-2525.png",20745,2,0],["motionmaxxing-vg-2528","motionmaxxing","Agent skill for launch films and brand stings that animates with eases measured from pro motion work, then renders locally and grades itself with scripted gates.",2,175,["agent-skills","motion-graphics","gsap","video","claude-code"],"Tejas Makwana (@makwanatejas170)","Apache-2.0","VG-2528-card.svg",20745,7,0],["guitoro-vg-2515","Guitoro","Free virtual guitar you strum with your keyboard or fingers, with recorded acoustic, classic, electric and bass samples, 51 slowed-down songs and a backing band.",7,439,["guitar","music","web-audio","learning","keyboard"],"","free","VG-2515.png",20744,2,0],["rigged-draw-vg-2516","Rigged Draw","Say random numbers out loud while ten small predictors seal their guess first, then see how predictable you are against a psychology study.",10,166,["randomness","psychology","speech","prediction","browser-game"],"","free","VG-2516.jpg",20744,2,0],["brickbrag-vg-2517","Brickbrag","Shared multiplayer brick world in the browser with a town, race track, airfield, robot-driven buses and lots you can buy and build on.",10,166,["multiplayer","sandbox","bricks","3d","browser-game"],"@neuling2k","free","VG-2517.jpg",20744,2,0],["build-with-python-vg-2519","Build with Python","Beginner Python course where every program draws shapes on a canvas, so you instantly see whether the computer did what you meant.",1,1,["python","beginners","course","drawing","interactive"],"SciMigo","free","VG-2519.png",20744,4,0],["hangul-handwriting-rnn-vg-2520","Hangul handwriting RNN","A 350k-parameter recurrent network that writes Korean by hand as animated pen strokes in your browser, with a write-up of the architecture and data.",1,142,["rnn","handwriting","korean","svg-animation","ml"],"Jonathan Baudanza","MIT","VG-2520.png",20744,4,0],["building-an-llm-in-nodejs-vg-2521","Building an LLM in NodeJS","Free from-scratch book that builds a GPT-style language model in Node.js and TypeScript, chapter by chapter, from dataloader to training loop.",1,124,["llm","typescript","nodejs","book","transformers"],"","free","VG-2521.jpg",20744,4,0],["read-rare-vg-2522","Read Rare","Shelf of 54 rare internal memos, leaked handbooks and forgotten books from Apple, Intel, Google, Netflix and Facebook, all free to read.",0,22,["memos","books","history","startups","reading"],"","free","VG-2522.jpg",20744,2,0],["the-duck-pond-vg-2514","The Duck Pond","A browser pond of mallard hens, drakes and ducklings where every quack is synthesized live and spatialized to where you stand on the bank.",7,189,["web-audio","synthesis","procedural","spatial-audio","toy"],"@celphase","free","VG-2514-card.svg",20744,1,0],["museum-of-ages-vg-2523","Museum of Ages","Guided 3D museum built in code that rebuilds Leonardo da Vinci's world, clearly marking which details are documented and which are guessed.",1,142,["3d","history","museum","explorable","webgl"],"","free","VG-2523-card.svg",20744,5,0],["biblioteca-de-motion-ai-motion-library-vg-2518","Biblioteca de Motion (AI Motion Library)","Catalogue of 24 named motion graphics effects with the exact term to ask an AI for, scene recipes, demo videos and a Claude Code skill.",2,175,["motion","skill","claude-code","prompts","video"],"Douglas Januário (@douglasjanuario)","MIT","VG-2518-card.svg",20744,3,0],["blueprint-vg-2505","blueprint","macOS CLI that turns an Icon Composer .icon or .appiconset into an Xcode-style blueprint version, with optional tinted RC or BETA badges for debug builds.",13,213,["ios","app-icon","xcode","cli","macos"],"@MustafaNatur","MIT","VG-2505-card.svg",20742,2,0],["iglass-vg-2506","iglass","Liquid Glass theme for iTerm2 and Ghostty on macOS and Linux, built from Apple system colors with four glass levels and contrast-checked light and dark palettes.",13,270,["terminal-theme","liquid-glass","ghostty","iterm2","macos"],"@vukkt","MIT","VG-2506.png",20742,19,0],["vibestart-vg-2508","VibeStart","Composer for full-stack TypeScript projects built for coding agents: pick each layer in a web studio or CLI and get typed, linted, tested scaffolding.",8,176,["starter","typescript","full-stack","agents","cli"],"@VinkyDev","MIT","VG-2508-card.svg",20742,1,0],["agent-standup-vg-2509","Agent Standup","Turns Claude Code, Codex and Mistral Vibe sessions into a live animated team call with characters, local voices, shared screens, sub-agent trees and replay.",13,412,["agents","claude-code","vscode","visualization","fun"],"@Atoll92","MIT","VG-2509-card.svg",20742,4,0],["gitdrive-vg-2510","GitDrive","Native Swift app that mounts private GitHub repos in the Finder sidebar like iCloud Drive, with files on demand, real git history and Git LFS.",13,293,["macos","finder","github","storage","swift"],"@deeeeone","MIT","VG-2510.png",20742,3,0],["ito-vg-2512","Ito","Declarative terminal UI library for Lua inspired by SwiftUI, with state, VStack and HStack composition, modifiers, and a browser playground workshop.",13,270,["tui","lua","terminal","declarative-ui"],"uji-labs","MIT","VG-2512.png",20742,3,0],["talorys-vg-2513","Talorys","Personal AI assistant with chat, memory, tasks, notes and scheduled reminders that deploys into your own Cloudflare account with one npx command.",8,185,["cloudflare","ai-assistant","self-hosted","workers","starter"],"@rociiu","MIT","VG-2513.png",20742,4,0],["ai-deslop-vg-2507","ai-deslop","Opinionated Oxlint plugin with rules that reject AI-slop TypeScript patterns like chained type assertions, unknown parameters and ad hoc typeof narrowing.",13,335,["oxlint","typescript","linter","ai-code","quality"],"@maharshi365","open-source","VG-2507-card.svg",20742,17,0],["diff-tour-vg-2504","diff-tour","Read-only TUI that has Claude Code, Codex, Gemini or OpenCode turn a git branch into a step-through tour of intent, risks, questions and verdicts.",13,436,["tui","git","code-review","agents","learning"],"init-co-jp","MIT","VG-2504.png",20742,2,0],["petal-vg-2511","Petal","Open-source pair programming app for macOS and Windows with low-latency screensharing and remote control, where each shared window becomes a native window for everyone.",8,17,["screensharing","pair-programming","remote-control","rust","desktop"],"Kiruna Labs (@kiruna-labs)","Apache-2.0","VG-2511-card.svg",20742,3,0],["matita-vg-2494","Matita","200 freehand pencil-style icons as SVG and React components, drawn by code so strokes overshoot, corners cross and circles overlap like real pencil.",3,101,["icons","svg","react","hand-drawn"],"@matita-dev","MIT","VG-2494.png",20741,3,0],["kerberos-vg-2497","Kerberos","Free variable text serif in the Kis, Janson and Ehrhardt line, with weight, optical size and grade axes, oldstyle figures, small caps and full f-ligatures.",3,24,["fonts","serif","variable-font","book-typography"],"@jul-sh","open-source","VG-2497.png",20741,2,0],["recolor-wheel-in-figma-vg-2499","Recolor Wheel In Figma","Figma plugin inspired by Illustrator's Recolor Artwork that puts every fill, stroke, gradient stop, shadow and mask of a selection on one draggable hue wheel.",4,329,["figma-plugin","color","recolor","illustration"],"@irfanbaysal","MIT","VG-2499-card.svg",20741,2,0],["palette-atlas-vg-2501","Palette Atlas","Browser tool that turns any image into a colour strip along paths like a Hilbert curve, then finds public-domain paintings from 48,695 with similar palettes.",3,36,["color","palette","art","image-tools"],"@itzik123","MIT","VG-2501.jpg",20741,3,0],["vlc-redesign-skin-vg-2503","VLC Redesign skin","Turns Juxtopposed's VLC Redesign Figma Community file into a working VLC 3 skin, using a bundled .fig decoder and small Figma renderer.",4,291,["figma","fig-format","vlc","skins"],"@Green-Skeleton","MIT","VG-2503-card.svg",20741,19,0],["pixelwright-vg-2500","Pixelwright","MCP server plus Figma plugin that lets Claude Code, Cursor and Codex read and edit the open Figma Desktop file as XML with CSS, tokens and components.",15,230,["mcp","figma","claude-code","design-to-code"],"@maximwas","free","VG-2500-card.svg",20741,3,0],["proxy-mono-vg-2498","Proxy Mono","Variable monospace typeface from Thin to Black on a shared 700-unit cell, with unified stems and rebuilt glyphs so it works as a heading and in code.",3,24,["fonts","monospace","variable-font","coding"],"Monoproxy (@monoproxy)","open-source","VG-2498.png",20741,3,0],["fanfan-icons-vg-2495","Fanfan Icons","544 line UI icons on a 24 grid starring a cat, dog and rabbits holding everyday objects, with sleeping states, two stroke weights and an animated version.",3,101,["icons","svg","cute","animated"],"唐幡 (@TangfanOVO)","MIT","VG-2495-card.svg",20741,5,0],["colorfetti-vg-2502","Colorfetti","Browser palette-recoloring tool for images, sprites and animated GIFs, with auto palettes, curated presets, imported palette files and 1-bit two-colour styles.",3,36,["color","palette","pixel-art","gif"],"@Shilo","free","VG-2502.png",20741,3,0],["tessella-vg-2496","Tessella","Pixel fonts for 54 writing systems on one shared grid at 10, 12 and 14 px, covering 748+ languages including Ol Chiki, Osage, Vai and Kirat Rai.",3,24,["fonts","pixel-font","multilingual","games"],"@2g1ygames","open-source","VG-2496-card.svg",20741,3,0],["skye-vg-2486","skye","Zero-dependency WebGL2 library that renders a whole browser sky, including clouds, rain, stars and fog, from a handful of shaders.",12,344,["webgl2","sky","clouds","shaders","zero-dependency"],"@molchalih","MIT","VG-2486.png",20740,1,0],["cssv-vg-2488","CSSV","Plain-text format that puts a CSS style block on top of CSV data, plus a cssv-table element that renders it as a styled HTML table.",6,182,["css","csv","tables","web-components","spec"],"Rodrigo Paiva (@rhpaiva)","MIT","VG-2488.png",20740,2,0],["hanagoyomi-vg-2490","Hanagoyomi","Open-source WebGL2 nature scene of flower meadows, volumetric clouds and starry skies that follows a real place's local time and live weather.",7,130,["webgl2","ambient","weather","clouds","nature"],"@tadazly","MIT","VG-2490.jpg",20740,3,0],["platen-vg-2491","Platen","3D manual typewriter in the browser with realistic paper, ribbon ink and synthesized mechanical sound, for slow writing or typewriter art.",7,130,["typewriter","3d","web-audio","writing","toy"],"@winchxyz","MIT","VG-2491.jpg",20740,4,0],["organ-bank-vg-2493","Organ Bank","Interactive three.js sculpture of a human body built from ten bare CRT tubes on a concrete wall, each organ looping its own four frames.",7,130,["threejs","crt","art","sculpture","retro"],"David (@davidyen1124)","unknown","VG-2493.jpg",20740,2,0],["contribution-fx-vg-2492","contribution-fx","Zero-dependency GitHub Action that turns your contribution graph into animated SVG for a profile README, with gravity, Game of Life, sorting, ripple and fireworks effects.",7,125,["svg","github-action","readme","animation"],"@Sur1ive","MIT","VG-2492.png",20740,2,0],["demoscene-recomp-vg-2489","demoscene-recomp","Classic DOS demos like Second Reality and Unreal, statically recompiled from recorded x86 execution into C and run natively in the browser.",10,43,["demoscene","dos","recompilation","retro","wasm"],"Trey Harrison (@treylorswift)","unknown","VG-2489-card.svg",20740,3,0],["r3f-sketch-material-vg-2485","R3F Sketch Material","React Three Fiber material that draws any mesh as ballpoint pen sketching, with light-following hatching, overshooting outlines, hatched shadows and a wash-out reveal.",12,320,["r3f","shader","npr","sketch","threejs"],"Abhishek Verma (@abhishekmill)","MIT","VG-2485-card.svg",20740,1,0],["three-js-procedural-animals-vg-2484","three.js Procedural Animals","24 animals for three.js built entirely in code: SDF-sculpted bodies, auto-rigging, fur, feathers or scales, and IK gaits, with no models, textures or clips.",12,162,["threejs","procedural","sdf","animation","ik"],"@majidmanzarpour","MIT","VG-2484-card.svg",20740,31,0],["soft-lab-vg-2487","SOFT LAB","Personal index of front-end interaction effects that flow, tear, spring back or come apart, each rebuilt live in WebGL, canvas or CSS with readable code.",7,97,["webgl","canvas","interaction","effects","inspiration"],"@deity6","MIT","VG-2487-card.svg",20740,3,0],["audiocn-vg-2474","audiocn","Copy-and-paste audio components for React and shadcn/ui: mixers, players, level meters, knobs and waveforms with accessible markup you own.",9,26,["audio","shadcn","react","waveform","registry"],"audiocn","unknown","VG-2474.png",20739,5,0],["shadcnmaps-vg-2477","shadcnmaps","170+ interactive SVG map components for countries, continents and US states with tooltips, selection, markers, zoom and keyboard navigation, installed via shadcn CLI.",6,6,["maps","svg","shadcn","react","geo"],"@lglabgreg","open-source","VG-2477.jpg",20739,6,0],["shadcn-explorer-vg-2478","shadcn explorer","Searchable index of every shadcn registry where each component is actually installed, built and screenshotted live, with docs, install commands and an MCP server.",9,128,["shadcn","registry","search","mcp","directory"],"@inaridiy","free","VG-2478.png",20739,4,0],["lumesec-elements-vg-2480","LumeSec Elements","Interactive React components and typed custom elements for shadcn: controls, meters, charts, maps and dot-matrix displays, installed as source with the shadcn CLI.",9,375,["shadcn","react","dot-matrix","controls","custom-elements"],"LumeSec","MIT","VG-2480.png",20739,5,0],["exploded-vg-2483","exploded","Claude Code skill plus runtime that takes a live UI component apart into paint layers, states and tokens, measured from the real DOM rather than redrawn.",15,232,["claude-code","skill","components","design-tokens","teardown"],"@diip3sh","MIT","VG-2483.png",20739,26,0],["colorshot-vg-2479","Colorshot","Open-source color and gradient picker for React and Vue supporting linear, radial and conic gradients plus swatch groups, compatible with shadcn/ui.",9,214,["color-picker","gradients","react","vue","shadcn"],"Rishi Mohan (@rishimohan)","MIT","VG-2479-card.svg",20739,8,0],["ovio-vg-2482","Ovio","16 motion components for developer sites, like contribution graphs, repo cards, star history and physical knobs, each switchable across Minimal, Craft, Retro and Toy worlds.",9,382,["motion","portfolio","react","components","github"],"Jana Sundar (@Jana__Sundar)","MIT","VG-2482.png",20739,4,0],["formulaire-vg-2476","Formulaire","Dense, paper-style grid forms as one stylesheet for plain HTML or as React components on Base UI, modernizing FormKeep's Gridforms.",9,214,["forms","css","react","base-ui","grid"],"Matt Rothenberg (@mattrothenberg)","MIT","VG-2476.png",20739,2,0],["shadcn-m3e-vg-2475","shadcn M3E","79 shadcn/ui components rebuilt in Material 3 Expressive style, with shape-morphing buttons, spring motion and dynamic color from any seed or image.",9,26,["material-3","shadcn","react","base-ui","motion"],"@cr1sta_dev","MIT","VG-2475.png",20739,5,0],["ecomcn-vg-2481","ecomcn","Open-source shadcn/ui registry of e-commerce blocks: buy boxes, faceted filters, cart sheets and order summaries, installed like any other component.",9,26,["ecommerce","shadcn","registry","blocks","react"],"@its-Inbarajan","open-source","VG-2481.png",20739,4,0],["seecode-vg-2467","SeeCode","Agent skill that turns a short JSON spec into animated, explorable diagrams in one HTML file, exportable as SVG, PNG, GIF or MP4.",15,345,["diagrams","agent-skill","animation","claude-code","visualization"],"Aryan Utkarsh","MIT","VG-2467.png",20738,28,0],["claude-show-your-work-vg-2469","claude-show-your-work","Claude Code plugin that shows images and plays videos inside the Ghostty terminal: design options side by side, Playwright test recordings, before and after QA.",15,319,["claude-code","plugin","ghostty","playwright","qa"],"Umer Ansari","MIT","VG-2469.png",20738,7,0],["effortless-vg-2470","effortless","Claude Code mod that picks reasoning effort per prompt with a Haiku judge, and adds a bar showing context fill, prompt cache warmth and one-click compaction.",15,248,["claude-code","cost","reasoning-effort","context"],"HeyCubit","MIT","VG-2470-card.svg",20738,4,0],["bashcut-vg-2472","BashCut","Native macOS video editor on AVFoundation with a Claude Code or Codex terminal docked beside the timeline, fully drivable through a CLI or MCP.",7,323,["video-editor","macos","mcp","claude-code","codex"],"Dong Nguyen","MIT","VG-2472.png",20738,7,0],["still-wet-vg-2473","Still Wet","A live studio where AI models paint by writing code against an oil paint simulation, mostly after Caspar David Friedrich, with replayable brushstrokes.",7,10,["generative-art","ai-painting","simulation","llm-experiments"],"Alice (@aliceisplaying)","Unknown","VG-2473.jpg",20738,5,0],["big-arrow-on-the-screen-vg-2464","big-arrow-on-the-screen","macOS CLI plus Claude Code and Codex skill that lets agents draw big click-through arrows, boxes and text over any window, then vanish.",15,345,["claude-code","codex","macos","skill","cli"],"Franz Enzenhofer","MIT","VG-2464.png",20738,5,0],["oil-ui-vg-2466","Oil UI","Interface design skill for AI agents that explores several distinct visual directions side by side, then refines the chosen one against real screenshots.",15,232,["design-skill","ui-design","agent-skill","claude-code"],"Zhihuang Lin","MIT","VG-2466.png",20738,8,0],["solidcraft-vg-2468","SolidCraft","Open-source parametric 3D CAD app in pure Rust with sketches, constraints and a feature timeline, running on desktop, web, and via a built-in MCP server.",15,173,["cad","rust","mcp","3d","parametric"],"bherbruck","Apache-2.0","VG-2468.png",20738,5,0],["terse-vg-2471","Terse","Claude Code plugin with writing rules that cut reply length roughly in half and strip mannered prose from replies, docs, commits and subagents.",15,319,["claude-code","plugin","writing","tokens"],"Karl Lowenbjer","MIT","VG-2471.png",20738,14,0],["answer-me-with-html-vg-2465","Answer me with HTML","Agent skill that turns hard questions into a readable one-page offline HTML explainer, rendered by a bundled CLI from a short Markdown draft.",15,345,["agent-skill","html","explainers","claude-code"],"Cyan (QingYunA)","MIT","VG-2465.png",20738,4,0],["appscreen-vg-2445","AppScreen","A browser editor for App Store screenshot sets. You design the set as one panorama, then download a separate PNG per slide. Pro is a one-time $9 payment. iPhone and iPad only.",3,100,["app-store","screenshots","mockups","ios"],"","","VG-2445.jpg",20738,4,0],["claude-code-reset-tracker-vg-2447","Claude Code Reset Tracker","A free public tracker for Claude Code usage reset timing and status.",15,248,["claude-code","usage","tracker"],"","","VG-2447.png",20738,3,0],["framesfromvideo-vg-2450","FramesFromVideo","Extract exact PNG or JPEG frames from video and GIF files locally in the browser. No signup, no paywall, media is not stored.",7,323,["video","frames","extraction","privacy","local"],"","","VG-2450.png",20738,5,0],["hol-guard-vg-2452","HOL Guard","Open-source runtime layer for AI coding agents that intercepts shell, secrets, MCP, and installs locally.",15,305,["security","ai-agents","mcp","open-source"],"HOL","","VG-2452.png",20738,3,0],["htmlslides-vg-2454","HtmlSlides","Create and share interactive HTML presentations with AI.",7,369,["presentations","slides","html","ai"],"","","VG-2454.png",20738,5,0],["image-to-ascii-vg-2456","Image to ASCII","Turn images into ASCII art locally in your browser, with adjustable styles and exports for text, PNG, SVG, HTML and ANSI.",7,126,["ascii","converter","image-tools","local"],"","","VG-2456.png",20738,3,0],["latex-autofill-vg-2457","LaTeX Autofill","Type meaning (English or Chinese) inside Obsidian math blocks and get a full LaTeX template, offline, no AI or network.",13,326,["latex","obsidian","plugin","offline"],"yikhan519","","VG-2457.png",20738,4,0],["muicn-vg-2458","MUIcn","Free shadcn-compatible MUI and Tailwind components and blocks for React, with TypeScript, react-hook-form, and free alternatives to MUI X-style components.",9,375,["react","mui","tailwind","shadcn","components"],"","","VG-2458-card.svg",20738,3,0],["orchid-charts-vg-2459","Orchid Charts","JavaScript SVG charts for dashboards, activity calendars, and release timelines, with responsive layouts and CSS theming.",6,67,["charts","svg","javascript","dashboards"],"Orchid Software","","VG-2459.png",20738,5,0],["playlab-vg-2460","PlayLab","52 free browser-based generative graphics tools for backgrounds, patterns, posters, textures and badges, with a Russian UI and no sign-up required.",7,10,["generative","graphics","backgrounds","patterns","free"],"","","VG-2460.png",20738,3,0],["puppyone-vg-2461","PuppyOne","PuppyOne keeps your project files and AI in one local-first workspace, so your assistants can understand the whole project, work across real files, and continue without starting from…",15,354,["local-first","ai-agents","workspace","open-source"],"PuppyOne","","VG-2461-card.svg",20738,5,0],["aria-icons-vg-2446","Aria Icons","Open-source SVG icon set with an MCP server for agent-driven icon lookup.",9,139,["icons","svg","mcp","open-source"],"","","VG-2446-card.svg",20738,4,0],["codex-quota-overlay-vg-2448","Codex Quota Overlay","Privacy-friendly Windows/macOS desktop overlay that shows Codex quota, reset time, and reset credits beside the conversation title.",13,270,["codex","quota","overlay","desktop"],"cpys","","VG-2448.png",20738,4,0],["framesprite-vg-2451","FrameSprite","A free browser tool to slice regular-grid sprite sheets into PNG ZIPs, pack separate frames into a fixed-cell sheet, and resize pixel art with nearest-neighbor sampling.",7,16,["sprites","pixel-art","game-dev","tools"],"","","VG-2451-card.svg",20738,5,0],["hol-plugins-vg-2453","HOL Plugins","A Product Hunt-style directory for AI coding plugins across Claude, Codex, Cursor, and MCP.",15,159,["plugins","directory","claude","codex","cursor","mcp"],"HOL","","VG-2453.jpg",20738,5,0],["hyperiux-vault-vg-2455","Hyperiux Vault","Source-first interaction effects for React and Next.js. 50+ free effects, more in Pro.",9,308,["react","nextjs","motion","effects","interactions"],"Hyperiux","","VG-2455.jpg",20738,3,0],["semaprax-vg-2462","SEMAPRAX","Experimental Apache-2.0 systems programming language with persistent semantic identities, checked graph projections, revision-bound patches, and bounded native and Wasm compiler lanes.",13,245,["programming-language","compiler","coding-agents","semantic-graph","rust","webassembly"],"Wavect GmbH","Apache-2.0","VG-2462.jpg",20738,4,0],["tale-vg-2463","Tale","Tale is an open-source project workspace where teams assign tasks to AI agents in persistent sandboxes and review their deliverables together.",15,354,["ai-agents","project-management","open-source","self-hosted"],"Tale","MIT","VG-2463-card.svg",20738,5,0],["converly-colors-vg-2449","Converly Colors","Free light/dark palette generator with 12-step scales, CSS variables, and Design.md for AI agents.",3,89,["color","palettes","css-variables","design-tokens"],"Converly","","VG-2449.webp",20738,5,0],["a-walkable-history-of-art-vg-2444","A Walkable History of Art","Interactive 3D museum of art history built from Wikipedia: zoom through a thousand years of periods and artists, then walk first-person galleries of real paintings.",7,130,["3d","museum","art-history","wikipedia","interactive"],"","free","VG-2444-card.svg",20737,19,0],["ascii-rest-vg-2435","ascii.rest","Library of 217 animated ASCII art pieces for web pages, written in dependency-free TypeScript and usable from React, Next.js, Astro or a single HTML tag.",2,401,["ascii","animation","typescript","react","astro"],"@bas3line","MIT","VG-2435.png",20737,5,0],["driftcha-vg-2437","Driftcha","Experimental CAPTCHA where every single frame is pure static noise and the digits only become visible through the motion between frames.",7,97,["captcha","noise","motion","perception","experiment"],"@kaihong66","MIT","VG-2437-card.svg",20737,18,0],["sakura-fantasy-vg-2439","Sakura Fantasy","Live three.js boat journey through a Japanese river valley across four seasons and any hour, passing cherry blossoms, torii gates and a lantern lake.",7,130,["threejs","3d","scene","seasons","japan"],"@billpwchan","unknown","VG-2439.jpg",20737,5,0],["enigma-the-machine-and-its-history-vg-2443","Enigma — The machine and its history","Interactive 3D Enigma machine models where you follow the electrical circuit and rotor stepping, alongside the history of how the machines were used.",1,142,["enigma","3d","cryptography","history","explorable"],"","free","VG-2443.png",20737,4,0],["moving-parts-vg-2440","Moving Parts","Step-by-step animated lessons on system design, networking and computer science where you watch requests move, predict the next step, and break things.",1,356,["system-design","networking","animated","learning","interactive"],"@tawhidkuet04","MIT","VG-2440.png",20737,4,0],["robot-heads-vg-2436","robot-heads","Animated 3D TV-headed robot heads for React whose LED faces change expression to show what your AI agent is doing right now.",2,440,["react","3d","agents","avatars","animation"],"@fayazara","MIT","VG-2436-card.svg",20737,4,0],["wumpus-torture-simulator-vg-2438","Wumpus Torture Simulator","Cartoon ragdoll sandbox in the browser with 25 ways to ruin Wumpus's day, built on Three.js and Rapier physics with no build step or assets.",10,225,["ragdoll","physics","threejs","rapier","sandbox"],"@winchxyz","MIT","VG-2438-card.svg",20737,44,0],["iwrzwr-visual-archive-vg-2442","iwrzwr visual archive","Archive of 160+ sound and music visualizer experiments across 25+ categories, from waveform animations and spectrum patterns to particles and matrix displays.",7,189,["audio-visualizer","creative-coding","javascript","generative","music"],"@kaganin","MIT","VG-2442-card.svg",20737,12,0],["break-your-assumptions-vg-2441","Break Your Assumptions","Six free interactive experiments on the assumptions that break software: predict the outcome, break it, repair it, and keep the regression test.",1,1,["testing","edge-cases","interactive","learning","software"],"@wenslink-os","MIT","VG-2441-card.svg",20737,3,0],["tusk-vg-2425","Tusk","Native Rust database client built on Zed's GPUI, covering 20 databases with a GPU-rendered grid, command palette, and an AI that drafts queries into tabs.",13,293,["database","rust","gpui","sql","desktop"],"@alpcanaydin","MIT","VG-2425.png",20735,6,0],["seiso-vg-2426","seiso","Markdown convention plus linter for AI-written project docs, catching stale versions and fields duplicated across files before agents read them back as context.",13,335,["markdown","linter","docs","agents","rust"],"@scarletkc","MIT","VG-2426.png",20735,5,0],["claude-code-mods-vg-2427","Claude Code mods","Marketplace of hook-based Claude Code plugins: context bar, usage meter, review watcher, Markdown preview, rm -rf blast radius, Spotify now-playing and more.",15,319,["claude-code","plugins","hooks","statusline"],"@hamzafer","MIT","VG-2427.png",20735,19,0],["iphone-wedding-invitation-vg-2428","iPhone Wedding Invitation","Wedding invitation site disguised as an iPhone: guests unlock it, RSVP in Safari, see the date in Calendar, venue in Maps, album in Photos.",8,17,["react","vite","ios-ui","wedding","template"],"@nguyenhuugiatri","unknown","VG-2428.png",20735,19,0],["house-planner-vg-2429","House Planner","Self-hosted house planner with true-scale 2D floor plans, 3D preview, satellite overlay, plumbing and electrical networks, and a priced bill of materials.",8,17,["floor-plan","3d","react","php","self-hosted"],"@egmalt","MIT","VG-2429.png",20735,14,0],["pinrail-vg-2431","Pinrail","Open-source desktop inbox where coding agents pause for your decision on diffs, outgoing emails, or drafts, then continue with your feedback.",13,412,["agents","review","human-in-the-loop","desktop","cli"],"forgeplane","Apache-2.0","VG-2431.png",20735,12,0],["whirl-vg-2434","Whirl","Full source of the whirl.chat AI app on Next.js and Convex: multi-model chat, living artifacts, MCP tools, memory, and encrypted locked chats.",8,185,["nextjs","convex","ai-chat","mcp","openrouter"],"whirlchat","MIT","VG-2434.png",20735,5,0],["sarala-vg-2432","Sarala","Minimal Tauri Markdown editor that renders as you type, with live math, diagrams, syntax highlighting, themes, and PDF or HTML export.",7,50,["markdown","editor","tauri","writing"],"@solancer","GPL","VG-2432.png",20735,6,0],["campfire-in-rust-vg-2433","Campfire in Rust","Rust port of Basecamp's ONCE Campfire group chat: one binary replaces Ruby, Puma, Redis and Resque while reusing the existing SQLite data.",8,17,["rust","chat","self-hosted","sqlite"],"Basecamp","MIT","VG-2433-card.svg",20735,6,0],["snitch-vg-2430","Snitch","Local real-time network traffic visualizer with a force graph, world map arcs, per-app attribution, tracker flags, and anomaly detection for scans or beaconing.",13,293,["network","privacy","visualizer","local-first"],"aixisstudio","AGPL-3.0","VG-2430.png",20735,20,0],["hairline-vg-2418","hairline","Set of isometric line-art SVG figures that react to the pointer, dependency-free, with React components and plain DOM usage.",3,25,["svg","isometric","illustration","interactive","react"],"Lucas Markes (@lucasmarkes)","MIT","VG-2418.png",20734,10,0],["ascii-magic-mcp-vg-2423","ASCII Magic MCP","Hosted MCP server for ASCII Magic that lets Claude, Cursor or any MCP client turn images into ASCII art, halftone, LEGO, voxel and 100+ looks.",15,230,["mcp","ascii-art","halftone","image-effects"],"Kailash (@kail_designs)","free","VG-2423.jpg",20734,8,0],["lucide-extended-vg-2422","Lucide Extended","Filled and duotone versions of Lucide icons with identical shapes and names, searchable across 2,600+ icons and copyable as SVG or React.",3,101,["icons","lucide","duotone","react"],"applifted","free","VG-2422.png",20734,6,0],["icon-marquee-vg-2421","icon-marquee","Service that serves scrolling marquees or static rows of tech-stack icons as SVG, embeddable in any README or page with a plain img tag.",3,101,["icons","svg","readme","marquee"],"@gian-gg","MIT","VG-2421-card.svg",20734,4,0],["token-space-font-compiler-vg-2417","Token-space font compiler","Browser tool that compiles a font where every LLM token renders at equal width or color, using tokenizers from OpenAI, DeepSeek, Llama, Qwen and more.",3,24,["fonts","tokenizer","llm","experimental"],"@amplifiedamp","free","VG-2417-card.svg",20734,5,0],["c64-keyboard-font-vg-2416","C64 Keyboard Font","Photo-based reconstruction of the lettering on classic Commodore 64 keycaps, shipped as desktop fonts, a webfont, editable outlines and a specimen.",3,24,["fonts","retro","commodore-64","webfont"],"@szabadkai","open-source","VG-2416.png",20734,7,0],["layerwright-vg-2419","layerwright","MCP server plus Figma plugin that turns Claude Design output or HTML into editable Figma layers with Auto Layout and your components, and frames back into React.",4,309,["figma","mcp","html-to-figma","claude-code"],"@shayan-m81","MIT","VG-2419.png",20734,4,0],["vectorcraft-vg-2424","VectorCraft","Open-source clean-room reimplementation of Adobe Illustrator in pure Rust, with familiar pen, panels and shortcuts, as a native app and in the browser.",7,441,["vector","illustrator-alternative","rust","svg"],"storytold (ArtCraft)","Apache-2.0","VG-2424.jpg",20734,8,0],["rampkit-vg-2420","Rampkit","Local-first color system builder that extracts site colors, generates OKLCH ramps, explores pigment mixing and exports light and dark design tokens.",3,36,["color","oklch","design-tokens","palette"],"@ragipdiler","MIT","VG-2420.png",20734,6,0],["punctum-vg-2415","Punctum","Free variable dot-matrix typeface on a 5x7 grid with two axes, dot size and dot shape, morphing from round dots to square pixels.",3,24,["fonts","variable-font","dot-matrix","pixel"],"@sundyme","open-source","VG-2415.png",20734,6,0],["shaders-vg-2407","Shaders","Newly open-sourced WebGPU shader components for React, Vue, Svelte, Solid, vanilla JS and Framer, plus a free design editor to compose effects and export them.",12,144,["webgpu","shaders","components","react","vue"],"shader-effects-inc","MIT","VG-2407.jpg",20733,13,0],["gpu-slider-vg-2406","gpu slider","Image slider and carousel drawn by shaders on WebGPU with WebGL 2 fallback; pointer-following transitions, spring motion, lazy loading and real HTML text over the canvas.",12,129,["slider","webgpu","shader-transitions","carousel"],"@niklasp","MIT","VG-2406.jpg",20733,8,0],["wave-vg-2413","Wave","Free in-browser generator for layered Three.js shader gradient wave backgrounds, with glass text, blend modes and seamless-loop MP4 or GIF export.",3,49,["gradient","waves","background","threejs","export"],"","free","VG-2413.jpg",20733,5,0],["3d-retro-vg-2408","3D Retro","CC0 library of copy-paste retro graphics demos, from demoscene plasma and starfields to chrome metaballs, raytracers and globes, in WebGL 1 or 2D canvas.",12,404,["retro","demoscene","webgl","cc0","copy-paste"],"","open-source","VG-2408.jpg",20733,6,0],["book-of-shapes-vg-2411","Book of Shapes","Curated gallery of minimal generative SVG patterns (grids, flow fields, truchet, isometric, noise) that you can customize live and download.",3,3,["svg","generative","patterns","download"],"Nikolaj Sokolowski","free","VG-2411.png",20733,16,0],["moyun-vg-2409","Moyun","Rice-paper ink painting toy: real-time GPU ink fluid simulation, a pentatonic guqin soundtrack and an invisible hand that paints a new landscape on every load.",12,10,["fluid-simulation","ink","webgl","web-audio","generative-art"],"@axtonliu","MIT","VG-2409.jpg",20733,15,0],["deepgpu-zoomer-vg-2412","DeepGPU Zoomer","Browser Mandelbrot and Julia set explorer on WebGPU that zooms past 10^-400 in real time, with palette editor, lighting, saved locations and PNG export.",12,10,["fractal","mandelbrot","webgpu","explorer"],"@buzzstudio","GPL","VG-2412-card.svg",20733,7,0],["banyan-vg-2414","Banyan","Procedural banyan tree grown from a single 32-bit seed, delivered as one self-contained HTML file using three.js and zero downloaded assets.",12,10,["procedural","threejs","single-file","generative-art"],"@satyasairay","GPL","VG-2414.jpg",20733,6,0],["gss-gpu-style-sheets-vg-2405","GSS (GPU Style Sheets)","CSS-like language for 3D scenes: selectors, cascade, nesting and @keyframes compile into one raymarching shader for WebGPU and WebGL2, with playground, VS Code extension and <gss-scene> tag.",12,358,["raymarching","css","webgpu","sdf","compiler"],"@LukyVj","Apache-2.0","VG-2405.png",20733,23,0],["g1455-vg-2410","g1455","Liquid Glass design system for Flutter with refraction, blur, tint and rim over the live backdrop; every component documented live with guide, code and API.",11,190,["flutter","liquid-glass","shaders","design-system"],"@PlugFox","MIT","VG-2410.png",20733,7,0],["photocn-vg-2395","photocn","GPU photo editor for React installed with the shadcn CLI: drop in the full editor, compose its canvas, filter and undo pieces, or go headless.",9,26,["shadcn","registry","photo-editor","webgl","react"],"@rbbydotdev","MIT","VG-2395-card.svg",20732,5,0],["scrubbers-vg-2397","Scrubbers","Twelve tactile SwiftUI sliders, from jelly and liquid glass to thermostat and squiggle, each a distinct control dropped in with one Scrubber view and enum.",14,193,["swiftui","slider","ios","haptics","liquid-glass"],"Haplo (@haplollc)","MIT","VG-2397.png",20732,4,0],["metalui-vg-2398","MetalUI","Soft Hardware components for React and SwiftUI: soft-touch plastic, smoked glass, knurled metal and LEDs, with buttons that press in and spring back.",9,375,["react","swiftui","skeuomorphic","base-ui","shadcn"],"@vijayksingh","MIT","VG-2398.png",20732,6,0],["affectui-vg-2401","affectUI","Handcrafted React components with calm motion, one self-contained file each, installable through the shadcn CLI and respecting reduced-motion preferences.",9,76,["react","shadcn","motion","accessibility"],"@flohoeller","freemium","VG-2401-card.svg",20732,13,0],["logoforge-vg-2402","Logoforge","971 developer-tool brand logos as clean SVGs and typed React components, installable via shadcn, with a logo-cloud builder and an MCP server.",9,393,["logos","svg","shadcn","mcp","react"],"@terravidhal","MIT","VG-2402.png",20732,6,0],["visited-map-vg-2404","Visited Map","shadcn/ui world map component that plots visited, lived and wishlist countries plus pinned cities, rendered as server-side SVG with a map builder.",6,6,["map","shadcn","svg","d3-geo","server-components"],"@crashncrow","open-source","VG-2404.png",20732,19,0],["amazing-glass-vg-2399","amazing-glass","Liquid glass web components for plain HTML, React and Vue that actually refract the page using Snell's law, with ten ready-made controls.",11,190,["liquid-glass","web-components","refraction","react","vue"],"@tomacco","MIT","VG-2399-card.svg",20732,6,0],["ely-gpui-components-vg-2396","Ely GPUI Components","Warm, quiet light and dark component library for GPUI, the Rust UI framework behind Zed, with every story running live in the browser via WebAssembly.",9,165,["gpui","rust","webassembly","design-system","zed"],"@ZacharyZhang-NY","MIT","VG-2396.png",20732,14,0],["jds-jaco-design-system-vg-2403","JDS (Jaco Design System)","Opinionated Base UI design system for AI agent and voice interfaces, shipped as a shadcn registry with matching Swift, Kotlin and React Native tokens.",9,325,["ai-ui","voice","shadcn","base-ui","design-tokens"],"@JacopoContin","open-source","VG-2403-card.svg",20732,5,0],["mizu-vg-2400","Mizu","React library of 126 component systems across 14 families, including timelines, charts, editors, readers and instrument controls, in warm ink-and-paper styling.",9,375,["react","components","editorial","motion","design-system"],"@0xuser64bit","MIT","VG-2400.png",20732,6,0],["showtime-vg-2388","showtime","Local video studio for coding agents: describe a video in one sentence and your agent directs motion graphics, voice-over, music and captions, rendered on your own machine.",15,345,["video","motion-graphics","agent-skill","local-first"],"Favio Vazquez (@FavioVazquez)","MIT","VG-2388.jpg",20731,19,0],["jevmem-vg-2391","jevmem","Saves decisions, rules and failed approaches from Claude Code chats to a JEVMEM.md in your repo, recalls them next session, and checks commands against saved rules.",15,387,["memory","claude-code","mcp","rules"],"Avinash Jetwani (@Avinash-jetwani)","MIT","VG-2391.png",20731,4,0],["corral-vg-2393","corral","Linux command runner with a time limit that guarantees no process an agent's command started survives, using cgroup v2 kill or a subreaper plus pidfds.",15,305,["process-control","linux","cgroups","agents"],"@Cardinal44","MIT","VG-2393.png",20731,3,0],["visual-edit-vg-2385","visual-edit","Agent skill that opens your running local app as live iframe screens on a design canvas, so you can compare routes and push visual edits back through your coding agent.",15,232,["visual-editing","claude-code","design-canvas","agent-skill"],"Builder.io (@Steve8708)","MIT","VG-2385.png",20731,6,0],["replica-skill-vg-2387","Replica Skill","Eleven Claude skills that reverse-engineer an app's screens and data model, rebuild it clean-room, test it, then mine user complaints to fix what the original gets wrong.",15,157,["app-clone","claude-skills","reverse-engineering","plugin"],"@Jakeschincariol","MIT","VG-2387.png",20731,16,0],["copycat-vg-2386","copycat","Claude Code skill that clones a website from a URL: Playwright captures three viewports, extracts fonts, tokens and keyframes, rebuilds section by section, then grades the clone by pixel…",15,345,["website-clone","playwright","pixel-diff","claude-code"],"@minosdevs","MIT","VG-2386.png",20731,5,0],["first-pass-vg-2392","first-pass","Claude Code plugin of rules, hooks and skills that makes the agent answer ten questions about a change against real code, scope its work, and prove it before claiming done.",15,365,["code-review","claude-code","hooks","quality"],"@joetawil7","MIT","VG-2392.png",20731,6,0],["intermission-vg-2390","intermission","Claude Code plugin that opens a Doom deathmatch pane beside the transcript while Claude works, with everyone else waiting on Claude, and hands you back when it finishes.",15,319,["claude-code","doom","plugin","fun"],"Jarrod Watts (@jarrodwatts)","MIT","VG-2390.png",20731,5,0],["awesome-claude-video-skills-vg-2394","Awesome Claude Video Skills","Curated list of 230 open-source skills and toolkits that let Claude Code, Codex and other agents make video, grouped by type with GIF previews and security grades.",15,389,["video","awesome-list","agent-skills","remotion"],"@zhuyansen","CC0","VG-2394.png",20731,5,0],["universal-modder-vg-2389","universal-modder","Skills, a CLI and a fal MCP server that let coding agents mod PC games: detect the engine, read the code, build the mod, generate assets and test it in-game.",15,157,["game-modding","mcp","fal","claude-code","agent-skills"],"@rehan-remade","MIT","VG-2389.png",20731,5,0],["voxjong-vg-2383","Voxjong","Playable 3D Mahjong built entirely in CSS transforms, with no WebGL and a browser board you can rotate and match.",10,166,["css","3d","mahjong","browser-game","puzzle"],"@rofko","free","VG-2383.png",20730,6,0],["motion-video-skill-vg-2384","motion-video-skill","Agent skill that produces beat-synced 1080p motion-graphic videos in HyperFrames with HTML, GSAP, voice-over, karaoke captions and SFX.",2,175,["gsap","motion-graphics","agent-skills","hyperframes","video"],"@bestagentkits","MIT","VG-2384-card.svg",20730,13,0],["trail-vg-2375","Trail","Browser logic puzzle where one continuous line must visit every tile, with clean rules and a free playable board.",10,166,["puzzle","logic","browser-game","minimal"],"Franz (@franzai)","free","VG-2375.jpg",20730,5,0],["lumicells-vg-2377","LumiCells","Live WebGL2 neon pixel-grid background with a tuning playground, React wrapper, Web Component and exportable configs.",11,48,["webgl","neon","background","particles","playground"],"@supsad","MIT","VG-2377.png",20730,8,0],["scala-tutorials-vg-2378","Scala Tutorials","Interactive Scala 3 lessons in the browser with a live Scastie editor on every page and no install or account.",1,1,["scala","tutorial","interactive","learning","browser"],"@eranation","open-source","VG-2378.png",20730,7,0],["lofi-cities-vg-2381","Lofi Cities","Animated pixel-art city nights paired with endless lofi music synthesized live in the browser, plus city ambience and no install.",7,16,["pixel-art","lofi","generative-audio","ambient","browser"],"Safa Elmali","free","VG-2381.png",20730,5,0],["zenpaint-vg-2382","ZenPaint","Pixel-perfect MacPaint recreation in the browser, matching original QuickDraw fonts, shape tools and 1-bit constraints.",7,16,["pixel-art","macpaint","retro","browser","drawing"],"@allthreespies","free","VG-2382-card.svg",20730,6,0],["shadevk-vg-2380","ShadeVk","Cross-platform Vulkan pixel-shader viewer in C23 with live reload, Slang, GLSL and HLSL support and terminal diagnostics.",12,427,["vulkan","shaders","glsl","slang","live-coding"],"@literallylara","GPL","VG-2380-card.svg",20730,7,0],["interval-kit-vg-2379","Interval Kit","Browser tool for exploring scales, chords and how they combine across guitar, piano, cello and alto recorder with a complexity toggle.",7,439,["music-theory","scales","chords","learning","guitar"],"@aleshh","open-source","VG-2379-card.svg",20730,7,0],["hollow-crown-vg-2376","Hollow Crown","MapleStory-inspired browser pixel RPG with five classes, a three-stage boss, and every sprite, effect and sound generated as code.",10,43,["pixel-art","rpg","browser-game","procedural","juice"],"@rehan-remade","MIT","VG-2376.png",20730,13,0],["jevgrep-vg-2366","jevgrep","CLI that asks a repository what it does and returns relevant files plus verbatim source excerpts for coding agents via Jev.",13,213,["cli","jev","code-search","agents","typescript"],"@dzhng","MIT","VG-2366.png",20728,9,0],["cyclewire-vg-2369","CycleWire","Zero-dependency selective activation library that loads action modules on intent from server-rendered HTML without hydration.",13,245,["progressive-enhancement","html","performance","javascript","ssr"],"CycleChain","MIT","VG-2369.png",20728,7,0],["minrock-vg-2371","Minrock","Typography-first Astro 7 theme for technical writers and Obsidian vaults, pure static generation with zero client bloat.",8,191,["astro","theme","typography","obsidian","ssg"],"@rnt-rez","MIT","VG-2371.png",20728,11,0],["tinydesk-vg-2372","TinyDesk","Mouse-driven windowed desktop drawn in a terminal, running on ESP32 boards and as a native Windows or Linux app.",13,270,["terminal","esp32","tui","embedded","desktop"],"@schikani","MIT","VG-2372.png",20728,7,0],["rhun-vg-2373","rhun","Small cross-platform code editor written in assembly with Vim mode, terminal panel, Git diffs, and optional agent side sessions.",13,270,["editor","assembly","vim","agents","desktop"],"@vshvedov","MIT","VG-2373.png",20728,7,0],["cf-vg-2374","cf","Open-beta Cloudflare CLI generated from the full API OpenAPI surface, with JSON-first output, intent search, and TypeScript config for agents.",13,213,["cloudflare","cli","agents","workers","typescript"],"Cloudflare","Apache-2.0","VG-2374.png",20728,6,0],["terrahour-vg-2368","terrahour","Terminal world clock with a braille day-and-night map, per-city timelines, DST radar, exchange hours, and optional weather.",13,270,["tui","world-clock","timezone","terminal","python"],"@ACoci86","MIT","VG-2368.png",20728,24,0],["agent-console-vg-2367","Agent Console","Local-first desktop app that tracks Claude Code and Codex tokens, cache hits, models, and cost across machines via a self-hosted hub.",13,412,["observability","agents","finops","local-first","claude-code"],"LockedinLabs-AI","MIT","VG-2367.png",20728,8,0],["rust-web-starter-vg-2370","rust-web-starter","Minimal full-stack Rust starter using Axum, Askama templates, and SQLx with vanilla HTML, CSS, and JS and no frontend build.",8,17,["rust","axum","starter","ssr","sqlx"],"Daniel Bergholz (@danielbergholz)","MIT","VG-2370.png",20728,8,0],["bastardica-vg-2357","Bastardica","Browser foundry that mixes, stretches and squishes OpenType fonts via ligature tricks, running fully local with Pyodide and fontTools.",3,24,["fonts","opentype","typography","wasm","browser"],"MitPitt (@MitPitt)","free","VG-2357.png",20727,10,0],["glass-icons-reicon-vg-2359","Glass Icons (Reicon)","Frosted translucent SVG icon set you can copy as SVG, JSX or CSS, with open-source zero-setup browsing.",3,101,["icons","svg","glass","jsx","assets"],"Reicon (@devchauhann3)","open-source","VG-2359.png",20727,19,0],["genzui-vg-2360","GenZui","Free GenZui Serif and Sans fonts from Noto JP, adding hentaigana, historical kana and Unicode 18 glyphs.",3,24,["fonts","japanese","typography","opentype","noto"],"mkpoli (@mkpoli)","MIT","VG-2360.png",20727,9,0],["logo-design-skill-vg-2362","logo-design-skill","Agent skill that runs a full logo process with SVG craft, audit tools and a searchable library of 1,400+ reference marks.",15,232,["agent-skills","logo","svg","branding","claude"],"Kaan Kiziltug (@kaankiziltug)","MIT","VG-2362.png",20727,6,0],["free-for-creators-vg-2363","Free for Creators","License-verified list of 148 free asset sources for music, footage, fonts, icons, LUTs, mockups and 3D, with attribution rules.",0,221,["assets","licenses","fonts","icons","directory"],"Sky Zhao (@skyzhao1223)","CC0-1.0","VG-2363.png",20727,21,0],["primitives-vg-2364","Primitives","Suite of precise browser instruments for color, type, grid, shape, motion, space, light, noise, ratio, pattern and icons.",3,261,["design-tokens","typography","color","grid","tools"],"Dusk Research (@duskresearch)","MIT","VG-2364.png",20727,5,0],["hueclid-vg-2365","Hueclid","Extracts an accessible UI palette from any screenshot or photo using CIELAB clustering and Oklch gamut mapping.",3,36,["color","palette","accessibility","oklch","ui"],"Gaurav Raj Singh (@suvoisreal)","MIT","VG-2365-card.svg",20727,5,0],["scissor-vg-2358","Scissor","Free browser vector and pixel design editor with pen tool, image trace, grids and export, no account and no uploads.",7,441,["vector","svg","editor","browser","design"],"Samal Studios","free","VG-2358.png",20727,9,0],["freshcoat-vg-2361","Freshcoat","Open-source editor, template format and Skia render engine for data-driven cards, badges, certificates and print pieces.",3,100,["templates","cards","print","skia","figma-plugin"],"Dot Side Studios (@dotside-studios)","Apache-2.0","VG-2361-card.svg",20727,8,0],["clearwater-vg-2349","Clearwater","Infinite FFT ocean and pool studies compiled from CUDA to WGSL, running live in the browser over WebGPU with weather and camera controls.",7,130,["webgpu","cuda","ocean","shader","water"],"SamG-Coder (@SamGCoder)","MIT","VG-2349-card.svg",20726,9,0],["liquid-glass-chat-ui-vg-2350","Liquid Glass Chat UI","Expo React Native chat cookbooks with liquid-glass portraits, interactive stories, floating composers and reversible gesture-driven conversations.",14,184,["react-native","expo","liquid-glass","chat-ui","skia"],"Appllama (@jaimintf)","MIT","VG-2350.png",20726,38,0],["expo-adaptive-glass-vg-2351","expo-adaptive-glass","Adaptive native glass surfaces for Expo and React Native that scale blur, refraction and highlights to device capability and live frame rate.",14,242,["expo","react-native","liquid-glass","performance","blur"],"@rbayuokt","MIT","VG-2351.png",20726,6,0],["logo-intro-vg-2354","logo-intro","WebGL logo intros from any SVG mark: lens-warped close-up, wordmark reveal, gradient bloom, lock-in ring and shimmer, plus HTML and video export.",11,359,["webgl","logo","shader","svg","intro"],"CheatGTM (@CJ10110425)","MIT","VG-2354.png",20726,8,0],["lemo-opuscar-vg-2355","Lemo Opuscar","Forty-three film styles as reusable prompts plus short films directed, drawn and scored entirely in code by Claude Opus, ready for agents to remix.",7,97,["creative-coding","film","prompts","animation","agents"],"LemoLab (lemomo-ai)","MIT","VG-2355-card.svg",20726,22,0],["seasons-lake-vg-2356","Seasons Lake","Interactive WebGL2 mountain lake that drifts through a full year in twelve minutes, with photographic skies, ripples, seasonal sound and no build step.",7,130,["webgl2","shader","water","generative","no-build"],"@MonsterOne1","MIT","VG-2356.png",20726,8,0],["crt-shader-vg-2347","crt-shader","Multi-pass CRT reconstruction for images and 3D scenes, with adapters for plain WebGL, React, Three.js, pmndrs postprocessing and R3F.",11,392,["crt","shader","webgl","threejs","retro"],"Brooklyn (@OutThisLife)","MIT","VG-2347-card.svg",20726,13,0],["water3d-vg-2352","Water3D","Clickable Three.js water pool where each tap drops a ripple, with live sliders for wave speed, tension, damping and drop strength.",11,48,["threejs","water","ripples","webgl","demo"],"Bert Temme (@berttemme)","unknown","VG-2352-card.svg",20726,17,0],["destroy-any-website-vg-2353","Destroy Any Website","Type any URL and a stickman with grenades and guns tears the live page apart in a multiplayer destruction match built on Sprite Fusion.",10,225,["game","juice","stickman","web","demo"],"Sprite Fusion","free","VG-2353.png",20726,33,0],["css-3d-lab-vg-2348","CSS 3D Lab","Gallery of 135 live CSS 3D effects with how-it-works notes and paste-anywhere snippets, split into pure CSS versus CSS plus a little JS.",11,312,["css","css-3d","demos","snippets","learning"],"Edgaras Neverdauskas (@Evirtual)","open-source","VG-2348.jpg",20726,16,0],["baby-ui-vg-2339","Baby UI","Animated React and Svelte components for dashboards, forms and agent UIs, installable as source via the shadcn CLI.",9,442,["shadcn","react","svelte","registry","animated"],"@kanakkholwal","Apache-2.0","VG-2339.png",20725,7,0],["calamansi-ui-vg-2340","Calamansi UI","Fourteen playful animated React components you install with the shadcn CLI and own as editable source files.",9,442,["shadcn","react","animation","components"],"Joshua Sarmiento (@fujidevv02)","open-source","VG-2340.png",20725,19,0],["gauge-ui-vg-2342","Gauge UI","Composable SVG gauge primitives for React, distributed as a shadcn registry with live composition examples.",6,416,["gauge","svg","shadcn","react","dashboard"],"@thordursk","MIT","VG-2342.png",20725,8,0],["dgit-ui-vg-2343","DGit UI","Quiet React and Tailwind v4 shadcn registry for dashboard chrome, account menus, and sign-in screens.",9,26,["shadcn","dashboard","tailwind","react"],"@dgitco","MIT","VG-2343-card.svg",20725,7,0],["bricka-vg-2344","Bricka","Composable React AI composer where mentions, commands, and files become structured tokens inside the message.",9,442,["react","ai","composer","mentions","input"],"Miraya van Diepen (@mirayavandiepen)","MIT","VG-2344-card.svg",20725,15,0],["uipkge-vg-2346","uipkge","Dual Vue/Nuxt and React/Next shadcn-compatible registry with over a hundred components and hundreds of blocks.",9,375,["shadcn","vue","react","registry","nuxt"],"@uday-a","MIT","VG-2346.png",20725,7,0],["ship-notes-components-vg-2345","Ship Notes components","Vanilla JS interactive pieces including a WebGL voice orb, signal orb, project stack, and pull-cord theme lamp.",7,93,["webgl","vanilla-js","components","micro-interactions"],"@aqualang89","MIT","VG-2345-card.svg",20725,22,0],["sureui-vg-2341","SureUI","Confirmation patterns for shadcn/ui: hold-to-confirm, double-click, type-to-confirm, undo, and dialogs.",9,26,["shadcn","confirmation","accessibility","react"],"@aidankmcalister","MIT","VG-2341.png",20725,6,0],["foremerge-vg-2331","Foremerge","Local-first Rust CLI and MCP that catches intent conflicts between parallel coding agents before they write conflicting code.",15,331,["mcp","agents","orchestration","git"],"@naw103","Apache-2.0","VG-2331.png",20724,7,0],["onetake-vg-2333","onetake","Claude Agent Skill that builds continuous-take product launch films with measured continuity, motion blur, and a rejection oracle.",15,232,["claude-skill","motion","video","design"],"@feitangyuan","PolyForm Noncommercial","VG-2333.png",20724,135,0],["qu-ai-wei-vg-2334","qu-ai-wei","Claude skill that strips AI tells from Chinese drafts by merging three rule sets and adjudicating seven contradictions.",15,345,["claude-skill","chinese","writing","humanizer"],"@baibanbao","MIT","VG-2334-card.svg",20724,8,0],["agentrun-vg-2335","AgentRun","Workflow DSL that turns repeatable agent work into inspectable steps with Jev decisions and optional full agent loops.",15,362,["agents","workflows","jev","dsl"],"Parcha Labs","Apache-2.0","VG-2335-card.svg",20724,7,0],["system1-agents-vg-2337","system1-agents","Prebuilt and DIY agents that use Jev, Laya, or Cua-S1 System-1 decision models for browser, desktop, games, and routing.",15,362,["agents","jev","mcp","system1"],"ThinkFlowLab","Apache-2.0","VG-2337-card.svg",20724,6,0],["cinematic-video-prompt-skill-vg-2338","Cinematic Video Prompt Skill","Claude Skill with 700-plus cinematography terms, prompt formula, and ready combos for Veo, Kling, Sora, and friends.",15,224,["claude-skill","prompts","video","cinematography"],"@Rylaispirit","MIT","VG-2338-card.svg",20724,16,0],["magpie-vg-2336","Magpie","Menu-bar and TUI app that switches every local coding agent's model through one local gateway and shared catalog.",15,248,["claude-code","models","gateway","macos"],"@yetone","MIT","VG-2336.png",20724,42,0],["chess-post-mortem-skills-vg-2330","Chess Post-mortem Skills","Claude Code skills that turn a Lichess game plus think-aloud audio into Stockfish-checked annotated PGN, HTML board, and narrated video.",15,345,["claude-code","chess","skills","stockfish"],"@brumar","MIT","VG-2330.png",20724,44,0],["skillbox-vg-2332","Skillbox","Self-hosted versioned skills library with HTTP MCP, scoped client keys, immutable revisions, and optional Jev recommendations.",15,351,["skills","mcp","self-hosted","library"],"@kitze","MIT","VG-2332.png",20724,8,0],["inkwave-vg-2321","Inkwave","Splatoon-style 4v4 turf-war shooter for the browser on three.js, with no build step and a live playable demo.",10,27,["browser-game","threejs","webgl","multiplayer","juice"],"jaydendavisnc","MIT","VG-2321.png",20723,69,0],["voxel-musou-vg-2322","Voxel Musou","Dynasty Warriors-style voxel action game where Zhao Yun fights three hundred soldiers in the browser on Three.js.",10,225,["browser-game","voxel","threejs","juice","action"],"mike007jd","MIT","VG-2322.png",20723,16,0],["bootlife-vg-2324","BootLife","Conway's Game of Life running from a 512-byte x86 boot sector, using VGA memory as the grid, with heavily commented assembly.",1,124,["assembly","boot-sector","game-of-life","learning","retro"],"0xAX","open-source","VG-2324-card.svg",20723,6,0],["loadsv-vg-2325","loadsv","Pure-CSS loading indicators for Svelte with twenty-eight spinners, no dependencies, and demos for buttons, fields and toasts.",2,120,["svelte","loaders","css","spinners","motion"],"Pedro Lunet (@PedroLunet)","MIT","VG-2325.png",20723,6,0],["finish-the-story-vg-2328","Finish the Story","Halo 3 Guardian rebuilt as a playable personal website with quests, mini-games and life stories hidden across the map.",10,166,["browser-game","threejs","personal-site","halo","interactive"],"Runbo Li","free","VG-2328.jpg",20723,7,0],["vackrooms-vg-2329","vackrooms","Endless first-person backrooms game presented as a damaged VHS tape, built with Next.js, Three.js, Rapier and WebGPU.",10,166,["browser-game","webgpu","threejs","horror","procedural"],"Pablo Stanley (@pablostanley)","MIT","VG-2329.png",20723,9,0],["a-vortex-on-a-386-vg-2323","A Vortex on a 386","Burgers vortex Navier-Stokes demos as sub-1kB 386 assembly programs, with JavaScript ports and DOSBox playback in the browser.",1,443,["demoscene","assembly","navier-stokes","dos","explorable"],"Juan Decos","free","VG-2323-card.svg",20723,5,0],["ink-in-motion-vg-2326","Ink in Motion","Procedural risograph films drawn in Canvas 2D with Web Audio scores, plus the open Claude Code kit used to make them.",7,10,["risograph","canvas","generative-art","web-audio","creative-coding"],"sevenevesai","MIT","VG-2326.jpg",20723,8,0],["mathy-vg-2327","Mathy","Mobile-friendly math practice that builds automaticity on topics you already know, with no account and progress kept on device.",1,124,["math","learning","practice","education","mobile"],"Greg Mays (@gmays)","free","VG-2327.png",20723,5,0],["jeff-vg-2314","Jeff","Read-only Go CLI that semantically checks source files against your rules using TypeSafe Jev, locally or in CI, without mutating the tree.",13,335,["cli","code-review","jev","go","ci"],"Alessandro Ferrini (@Alurith)","Apache-2.0","VG-2314.png",20721,7,0],["perch-vg-2315","Perch","npm semantic code linter powered by Jev, with custom YAML rules, ranked issues, and setup hooks for Claude Code, Codex, and Cursor.",13,335,["cli","linter","jev","semantic","ci"],"lakeday-org","MIT","VG-2315.png",20721,8,0],["paragravity-vg-2316","ParaGravity","Native multi-account sandbox manager for Google Antigravity that runs parallel isolated profiles on macOS and Windows with zero binary patching.",13,213,["cli","antigravity","sandbox","multi-account","macos"],"@edison-land (@Edison_aware)","MIT","VG-2316.png",20721,6,0],["whiteboard-vg-2317","Whiteboard","MIT-licensed desktop IDE where humans and coding agents share a canvas, jump from diagrams to code, and review AST-aware semantic diffs.",8,17,["desktop","ide","agents","code-review","canvas"],"devdotfast (YC W26)","MIT","VG-2317.png",20721,7,0],["pilcrow-vg-2318","Pilcrow","Typography-first free Astro blog theme for long-form reading, with quiet layout, MDX posts, and a live demo that actually looks like a book site.",8,191,["astro","blog","typography","mdx","theme"],"ondelva","MIT","VG-2318.png",20721,5,0],["restarted-vg-2319","Restarted","2026 remake of the classic 2015 startup website generator, with a faithful randomizer, era-correct faces, and a Go server that hides the old view-source secrets.",7,266,["generator","parody","startup","nostalgia","go"],"@zxcvbn4038","free","VG-2319.jpg",20721,5,0],["carbon-vg-2320","Carbon","Open-source manufacturing ERP, MRP, MES, and QMS on Postgres you own, runnable via Docker for on-prem, VPC, or air-gapped shops.",8,17,["erp","manufacturing","self-hosted","postgres","docker"],"crbnos","GPL","VG-2320.png",20721,9,0],["golive-vg-2313","GoLive","Open-source agent skill plus zero-dependency Node CLI that detects, plans, approves, and applies hosting, database, domain, email, and payments on your own accounts.",13,213,["cli","agent-skill","deploy","vercel","supabase"],"@mikehasa","MIT","VG-2313.png",20721,7,0],["codeshot-vg-2306","Codeshot","Single Go binary that turns code into a syntax-highlighted PNG from the terminal with no browser or server.",3,100,["cli","screenshots","code","png","terminal"],"@securekomodo","MIT","VG-2306-card.svg",20720,7,0],["localfig-vg-2308","localfig","Turns the Figma desktop app into a local MCP server so agents get the full Plugin API with no cloud quota.",15,230,["figma","mcp","agents","local","plugin-api"],"@LucasGorgal","MIT","VG-2308.png",20720,6,0],["creative-web-intelligence-vg-2309","Creative Web Intelligence","Four-hundred-plus rule library that steers Claude Code and other agents away from generic-looking websites.",15,232,["claude","design","anti-slop","prompts","frontend"],"@r0ine","unknown","VG-2309.png",20720,11,0],["liquid-glass-claude-skill-vg-2312","Liquid Glass Claude Skill","Claude Skill for liquid-glass and glassmorphism UI with material tiers, accessible contrast and platform fallbacks.",15,232,["claude-skill","glassmorphism","liquid-glass","accessibility","swiftui"],"@Armitanemati","MIT","VG-2312-card.svg",20720,11,0],["system-design-atlas-vg-2310","System Design Atlas","Interactive atlas of system designs with architecture diagrams, trade-off pages and interview playbooks ranked by how often they come up.",1,356,["system-design","diagrams","interviews","architecture","learning"],"@mertkahyaoglu","free","VG-2310.png",20720,6,0],["lazylord-vg-2307","LazyLord","Free open-source Overlord replacement that moves artwork between Figma, Photoshop, Illustrator and After Effects.",4,291,["figma","photoshop","illustrator","after-effects","handoff"],"@raisulsohan","MIT","VG-2307.png",20720,21,0],["designhub-vg-2305","DesignHub","Local-first browser toolkit that builds a brand once, then generates logos, mockups, social assets, tokens and a brand book PDF with no login.",3,100,["branding","design-tokens","mockups","local-first","typography"],"@yakew7","MIT","VG-2305-card.svg",20720,9,0],["syncsameprops-vg-2311","SyncSameProps","Figma plugin that batch-edits matching properties across objects from one reference selection.",4,329,["figma-plugin","batch-edit","properties","productivity"],"","unknown","VG-2311.png",20720,7,0],["neat-annotations-vg-2299","neat-annotations","Pure-CSS hand-drawn arrows and handwritten labels for inline page annotations, no JavaScript required.",11,231,["css","annotations","hand-drawn","no-js"],"@syabro","open-source","VG-2299.png",20719,10,0],["threeforge-vg-2300","threeforge","Frame-budget compiler and diagnostics for three.js scenes, with CLI and MCP so agents can batch and explain draw costs.",12,444,["threejs","performance","mcp","webgl"],"@tallslab","MIT","VG-2300-card.svg",20719,8,0],["cove-vg-2302","Cove","Open-source macOS desktop scenes in Three.js: a fishable aquarium and a lop-eared rabbit that chases the mouse broom.",7,130,["threejs","macos","desktop-pet","webgl"],"@tonychuhai","GPL","VG-2302.png",20719,5,0],["wled-toy-vg-2304","wled-toy","Live shader and node-graph editor that authors LED patterns for WLED strips and previews them in the browser.",11,359,["shader","wled","node-graph","led"],"Music-Engine","unknown","VG-2304.png",20719,20,0],["plasma-ui-vg-2297","Plasma UI","React components that render liquid-glass panels with refraction, blur fallbacks, and a live parameter playground.",11,190,["react","liquid-glass","ui","webgl"],"Crux Garden","MIT","VG-2297-card.svg",20719,19,0],["anidoodle-vg-2301","anidoodle","Hand-drawn illustrations, loops, and scored films written as deterministic code across nine styles, identical every render.",7,10,["generative-art","canvas","animation","deterministic"],"@alexgreensh","Apache-2.0","VG-2301-card.svg",20719,47,0],["seijaku-vg-2298","Seijaku","Continuous Three.js walk through a procedural Kyoto residence with gardens, seasons, and room-to-room navigation.",12,130,["threejs","webgl","architecture","creative-coding"],"Meng To (@MengTo)","unknown","VG-2298-card.svg",20719,39,0],["three-freecam-vg-2303","three-freecam","Unity scene-view camera for three.js: right-drag look, WASD fly, middle-pan, and alt-orbit in one small package.",12,344,["threejs","camera","gamedev","webgl"],"@hxtnv","MIT","VG-2303-card.svg",20719,7,0],["reelcn-vg-2288","Reelcn","154 Remotion components and 14 templates installed via shadcn CLI. One timeline renders 16:9, 9:16 and 1:1 across six themes.",9,409,["remotion","shadcn","video","registry","react"],"@Karanjot786","MIT","VG-2288.png",20718,16,0],["moduix-vg-2289","Moduix","Multi-framework component system on Ark UI for React and Solid, with matching CSS Modules and Tailwind tracks plus shadcn registries.",9,375,["ark-ui","react","solid","shadcn","components"],"blink (@TheBlinks182)","open-source","VG-2289.png",20718,8,0],["tldraw-mods-vg-2293","tldraw-mods","CLI mods for the tldraw offline app: browser shapes, landmarks, command bar and 3D toolbar icons added with one command.",7,266,["tldraw","mods","cli","canvas","shapes"],"@btn0s","unknown","VG-2293.png",20718,5,0],["wobbi-vg-2294","Wobbi","Browser studio to create, animate and export reusable SVG mascots without leaving the tab.",3,3,["svg","mascot","animation","studio","export"],"@Osiris-Balonga","MIT","VG-2294.png",20718,6,0],["soldevelo-registry-vg-2295","SolDevelo Registry","Open-source shadcn registry of components, blocks and page templates starting with OpenLMIS, installable with one command.",9,26,["shadcn","registry","openlmis","base-ui","tailwind"],"SolDevelo","MIT","VG-2295.png",20718,8,0],["frost-icon-theme-vg-2296","Frost Icon Theme","Frosted-glass Linux icon theme where folders, apps and 134 file types visually say what they are.",3,101,["linux","icons","frosted-glass","theme","desktop"],"@thissayantan","open-source","VG-2296.png",20718,13,0],["keyline-icons-vg-2292","Keyline Icons","1,000 free MIT icons on a 24×24 grid in stroke, two-tone, duotone and fill, rounded or sharp, built for shadcn/ui with CLI and MCP.",3,101,["icons","shadcn","svg","mit","mcp"],"Zafar Ismatullaev (@iszafar92)","MIT","VG-2292.png",20718,7,0],["tween-ui-vg-2290","Tween UI","GSAP and CSS animated React components and page sections. CLI copies one .tsx file into your project with reduced-motion support.",9,239,["gsap","animation","react","shadcn","tailwind"],"Md. Moshiur Rahman Akash (@moshiur314)","free","VG-2290.png",20718,8,0],["ram-vg-2291","Ram","React component that draws a design-tool selection frame around text with corner handles, thickness control and enter animations.",9,442,["react","typography","selection","motion","ui"],"Miraya van Diepen (@mirayavandiepen)","MIT","VG-2291-card.svg",20718,6,0],["claudestatsbar-vg-2280","ClaudeStatsBar","Claude Code status line that shows session context size, next-turn cost, and rate-limit headroom before you type.",15,355,["statusline","claude-code","tokens","cli"],"Field Logic","MIT","VG-2280.png",20717,6,0],["skillbay-vg-2281","Skillbay","Human-curated marketplace for paid and free agent skills across coding, writing, design, research, and ops.",15,389,["skills","marketplace","agents","directory"],"skeptrune","free","VG-2281.png",20717,7,0],["anything2explainer-vg-2282","anything2explainer","Claude Code and Codex skill that turns any topic into a Remotion motion-graphics explainer with TTS, subtitles, and QC.",15,345,["skill","remotion","video","explainer"],"Vincentwei1021","PolyForm Noncommercial","VG-2282.png",20717,5,0],["panel-agent-workspace-vg-2284","Panel (agent workspace)","Research workspace where chat, files, PDFs, and notebooks share one dock, and the agent can spawn custom panes when needed.",15,354,["workspace","research","claude-code","agents"],"greentfrapp","MIT","VG-2284.png",20717,11,0],["ai-data-extractor-vg-2286","AI Data Extractor","Open-source extractor that pulls chat histories from Claude Code, Cursor, Windsurf, Aider, Cline, and related coding assistants.",15,248,["claude-code","cursor","transcripts","export"],"kruzovic7","MIT","VG-2286.png",20717,8,0],["learn-from-materials-vg-2287","learn-from-materials","Agent skill that turns PDFs, books, and papers into interactive learning webpages with quizzes, notes, and source traceability.",15,345,["skill","learning","pdf","education"],"dmoshehun-prog","MIT","VG-2287.png",20717,29,0],["pizza-bot-vg-2285","Pizza Bot","Local-first desktop inbox for background AI agents, with unread results, approval queues, and bring-your-own model providers.",15,362,["agents","inbox","desktop","langgraph"],"pizza-bot-app","Apache-2.0","VG-2285.png",20717,6,0],["ordewell-vg-2283","Ordewell","Multi-agent orchestrator that turns one goal into an ordered graph of coding-agent tasks with per-task runners and verified markers.",15,331,["orchestration","claude-code","codex","agents"],"Ordewell","Apache-2.0","VG-2283.png",20717,8,0],["amahane-hikari-live2d-vg-2278","Amahane Hikari Live2D","MIT TypeScript Live2D viewer with motion controls plus an end-to-end production skill documenting mesh, physics and web interactivity.",7,130,["live2d","typescript","webgl","avatar","learning"],"@luomo66ccff","MIT","VG-2278.webp",20716,11,0],["nyc-maptap-vg-2279","NYC MapTap","Browser quiz that teaches NYC metro-core neighborhoods by tapping the right place on the map.",1,124,["geography","quiz","nyc","learning","map"],"Albert Joseph (@albertjoseph0)","free","VG-2279-card.svg",20716,9,0],["page-rage-vg-2271","Page Rage","Bookmarklet-style browser game that turns any live web page into a physics playground you can smash, with ready-made rage levels.",10,166,["browser-game","physics","juice","bookmarklet","playground"],"Alex Reardon (@alexreardon)","free","VG-2271.png",20716,6,0],["form-friends-vg-2275","Form Friends","Four inline SVG characters that watch form fields, look away from passwords, sag on failure and nod off when idle — React only, no animation library.",2,399,["react","svg","forms","mascot","micro-interaction"],"Jano Barnard (@janobarnard)","MIT","VG-2275.png",20716,11,0],["headreel-vg-2277","headreel","Animated GitHub profile banners generated from your contribution graph via GitHub Action or CLI, including a contribution-city style.",3,445,["github","banner","gif","cli","github-actions"],"Ariful Alam (@arifszn)","MIT","VG-2277.png",20716,5,0],["ruic-card-skill-vg-2274","RuiC Card Skill","Agent skill that turns a prompt or reference into a holographic 3D flash-card page with Blender scene, layered PNGs and Three.js viewer.",15,232,["agent-skill","threejs","holographic","blender","cards"],"@HRuiCcc","open-source","VG-2274.png",20716,16,0],["session-context-vg-2272","Session Context","Plain-English explainer of everything a single web page can learn about you, with expandable entropy math and no third-party tracking.",1,1,["privacy","fingerprinting","explorable","learning","browser"],"Oddur Sigurdsson (@oddurs)","MIT","VG-2272.png",20716,6,0],["loom-vg-2276","loom","Generative weaving from JSON rules: flat drawdowns instantly, or Blender-rendered yarn with cellular-automaton patterns and seed replay.",7,10,["generative-art","weaving","blender","cellular-automata","procedural"],"@nicolasloizeau","open-source","VG-2276.png",20716,9,0],["node-webgl-vg-2273","node-webgl","Headless WebGL 1 and 2 for Node.js via ANGLE, so three.js and raw shaders render on the GPU without a browser.",12,344,["webgl","nodejs","headless","threejs","angle"],"Renaud Rohlinger (@RenaudRohlinger)","open-source","VG-2273.png",20716,5,0],["toolreplay-vg-2263","ToolReplay","Dependency-free Python CLI that audits AI agent tool-call transcripts for non-determinism, redundant calls, and scope overreach.",13,412,["cli","agent-audit","replay","hash-chain","security"],"@Matthew0822","MIT","VG-2263.png",20714,6,0],["agent-launcher-vg-2264","Agent Launcher","Local desktop app that detects, configures, and runs coding-agent CLIs like Claude Code, Codex, Gemini, and OpenCode in one workspace.",15,354,["desktop","claude-code","codex","gemini-cli","mcp"],"agent-launch","MIT","VG-2264.png",20714,11,0],["aclif-vg-2266","aclif","Agent-first CLI framework with one grammar and canonical names across SaaS providers, loading command schemas only when asked.",15,362,["cli","agents","salesforce","servicenow","mcp-alternative"],"aclif","MIT","VG-2266.png",20714,7,0],["capsule-vg-2267","Capsule","Packs an HTML UI and SQLite data into one portable .capsule file you can share like a document, no cloud required.",8,17,["sqlite","tauri","portable","offline","local-first"],"@bashtian","free","VG-2267.png",20714,8,0],["keel-vg-2268","Keel","Offline Swift CLI that inspects, documents, and scaffolds iOS projects with evidence-backed architecture checks and optional AI.",13,213,["swift","ios","cli","architecture","offline"],"Chethan Nayak (@GRimAce11)","MIT","VG-2268.png",20714,7,0],["gap-trap-vg-2269","gap-trap","Agent skill that writes codebase-specific contracts, ratchets, and CI gates so AI-written code cannot quietly skip the rules.",15,365,["agent-skill","quality-gates","ci","vibe-coding","tdd"],"@pliablepixels","MIT","VG-2269.png",20714,8,0],["medula-vg-2265","medula","Dev-server MCP bridge so agents can inspect and edit live Vue, React, Svelte, or Solid app state from inside the running page.",15,298,["mcp","devtools","vue","react","vite"],"Eduardo San Martin Morote (@posva)","MIT","VG-2265.png",20714,8,0],["birdview-vg-2270","birdview","Agent skill that maps architecture and planned file scope into a standalone HTML page before any code edit starts.",15,345,["agent-skill","architecture","visualization","html","coding-agents"],"@Qiuner","MIT","VG-2270-card.svg",20714,9,0],["uidx-vg-2256","UIDX","Local design canvas that stores pages as diffable .uidx JSX files in your repo, with CLI and MCP so agents and humans share one workspace.",5,236,["design-as-code","mcp","canvas","git","tokens"],"@uidxkit","MIT","VG-2256.png",20713,7,0],["naive-icons-vg-2257","Naive Icons","105 hand-drawn SVG icons on a 48×48 grid with thick strokes, a nine-color retro palette, and React components with zero runtime deps.",3,101,["icons","svg","react","hand-drawn","folk"],"@guokaigdg","MIT","VG-2257-card.svg",20713,10,0],["turkish-bank-logos-svg-vg-2258","Turkish Bank Logos SVG","Original SVG logos for 35 Turkish banks and five payment firms, normalized viewBoxes, white dark-theme variants, and a bank-name matcher.",3,101,["logos","svg","fintech","turkey","icons"],"@murattahtaci","unknown","VG-2258.png",20713,6,0],["sesori-figma-review-vg-2261","Sesori Figma Review","Figma plugin plus local Claude bridge that walks prototypes screen by screen, asks before assuming, and writes Dev Mode annotations.",4,266,["figma","plugin","claude","review","annotations"],"@sesori-ai","Apache-2.0","VG-2261-card.svg",20713,7,0],["dom2figma-vg-2262","dom2figma","Rust CLI that captures rendered web prototypes via headless Chrome and rebuilds them in Figma as editable frames, text and SVG vectors.",4,266,["figma","prototype","chrome","rust","handoff"],"@swrneko","MIT","VG-2262-card.svg",20713,8,0],["firelight-vg-2259","Firelight","Interface and code colour palette with Coal, Smoulder and Ash variants, contrast-checked tokens, CSS variables and OKLCH values.",3,36,["color","palette","oklch","theme","css"],"@ridusaini","MIT","VG-2259.png",20713,5,0],["flield-vg-2260","Flield","Browser generative pixel tool that steers dual flow fields into seamless tiles, with PNG, SVG and looping GIF export and no install.",7,10,["generative","flow-field","pixel","svg","gif"],"@simien","free","VG-2260.png",20713,7,0],["bootstrap-tokens-vg-2255","Bootstrap Tokens","Bootstrap 6 design system as DTCG tokens with a browser theme builder that exports Sass, CSS, TypeScript, Style Dictionary and Figma.",5,19,["design-tokens","bootstrap","dtcg","theme-builder","figma"],"Julien Déramond (@julien-deramond)","MIT","VG-2255-card.svg",20713,8,0],["typeshade-vg-2247","TypeShade","TypeScript shader language: write \"use typeshade\" files that compile to WGSL for WebGPU and GLSL ES 3.00 for WebGL2.",12,358,["typescript","wgsl","webgpu","webgl","shaders"],"typeshade","MIT","VG-2247.png",20712,10,0],["foldy-vg-2248","Foldy","SwiftUI and UIKit library that folds any view like frosted glass with Metal shaders, page turns, and Dynamic Island merges.",14,446,["swiftui","metal","fold","ios","shader"],"InsaneArts","open-source","VG-2248.png",20712,8,0],["openshaders-vg-2250","OpenShaders","Open-source home for web shaders: claim a username, explore name-generated shaders, and copy ready React or JS modules.",12,144,["shaders","webgl","webgpu","react","open-source"],"David H. (@davidhaz)","MIT","VG-2250.png",20712,20,0],["wessel-s-desktop-vg-2251","Wessel's desktop","Hand-modeled Three.js portfolio: a retro desk with a working Windows 98 desktop holding projects, files, and a newsletter.",7,130,["threejs","portfolio","windows98","r3f","interactive"],"Wessel","free","VG-2251.png",20712,6,0],["vistep-vg-2253","vistep","Bilingual AI-built visual explainers of everyday mechanisms with interactive Three.js models and synchronized narration.",7,447,["threejs","education","visualization","interactive","bilingual"],"@int64ago","MIT","VG-2253.png",20712,3,0],["github-constellation-vg-2254","github-constellation","Zero-dependency GitHub Action that turns your contribution calendar into a generative SVG night sky for profile READMEs.",7,10,["svg","github-actions","generative","readme","constellation"],"@m3hrab","MIT","VG-2254.png",20712,5,0],["sublevel-studio-vg-2249","Sublevel Studio","Single-file Three.js Kyoto lobby with VHS post-process, arcade cabinet, CRT portfolio, and a remixed studio landing below.",8,196,["threejs","webgl","portfolio","vhs","clonable"],"Meng To (@MengTo)","unknown","VG-2249-card.svg",20712,20,0],["3dviz-pro-max-vg-2252","3Dviz Pro Max","Agent skill that turns an idea into an explorAble Three.js or Blender scene, with hundreds of recipes and runnable studies.",15,232,["threejs","agent-skill","blender","visualization","claude-code"],"@viettranx","MIT","VG-2252.jpg",20712,9,0],["blockdex-vg-2239","BlockDex","Item-level search across public shadcn registries: install commands, free or paid status, and live dependency checks per component.",9,128,["shadcn","registry","directory","search","discovery"],"Compound Labs (@compoundlabsinc)","free","VG-2239.jpg",20711,8,0],["badcn-vg-2241","Badcn","Base UI and shadcn fill-ins for gaps like image inputs, debounce fields, loading buttons, and React Hook Form wrappers.",9,299,["base-ui","shadcn","react","forms","registry"],"@Loremus299","unknown","VG-2241.png",20711,9,0],["a1ui-vg-2242","a1ui","React and Tailwind registry of design-inspired components with agent install prompts, llms.txt, and shadcn CLI source.",9,26,["react","shadcn","registry","agents","tailwind"],"@arjayby","MIT","VG-2242-card.svg",20711,11,0],["react-input-icon-vg-2243","react-input-icon","Composable React icon picker and renderer for Lucide, Heroicons, and custom SVGs, installed via the shadcn registry.",9,338,["icons","shadcn","react","picker","lucide"],"@golden-gab","unknown","VG-2243-card.svg",20711,7,0],["svelte-rack-focus-vg-2244","svelte-rack-focus","Svelte 5 modal and animated list where nothing pops or jumps — depth-of-field focus and self-measuring exits.",9,165,["svelte","modal","animation","focus","list"],"@pcholt","MIT","VG-2244-card.svg",20711,6,0],["ribbonweb-vg-2246","RibbonWeb","Accessible ribbon toolbar Web Component with MVVM commands, RibbonX subset support, and optional Blazor integration.",9,375,["web-components","ribbon","toolbar","accessibility","blazor"],"Wiesław Šoltés (@wieslawsoltes)","MIT","VG-2246-card.svg",20711,7,0],["cojeev-ui-vg-2240","Cojeev UI","Warm, motion-minded React and Tailwind components with organic shapes, soft materials, and a shadcn registry install path.",9,375,["react","tailwind","shadcn","motion","registry"],"@luv-jeri","MIT","VG-2240-card.svg",20711,26,0],["dockyard-vg-2245","Dockyard","AvalonDock-style JavaScript docking library as a Web Component: floating panes, auto-hide, layout persistence, and .NET-like APIs.",9,375,["web-components","docking","layout","javascript","ide"],"Wiesław Šoltés (@wieslawsoltes)","MIT","VG-2245-card.svg",20711,7,0],["bencho-vg-2238","Bencho","Live library of interactive UI blocks you can tune on a bench, then take the code into a project. Everything runs for real, not as static mockups.",9,442,["ui-blocks","interactive","components","playground","frontend"],"Lorenzo Cabra","freemium","VG-2238.png",20710,102,0],["libraries-dev-vg-2237","Libraries.dev","Five MIT React UI-effect packages for agent-built apps: border beam, thinking orbs, gooey, liquid metal, and WebGL image loaders. Each ships as a one-copy prompt for Cursor, Claude Code, or…",9,448,["react","ui-effects","ai-agents","mit","npm"],"Jakub Antalik (@Jakubantalik)","MIT","VG-2237.jpg",20710,19,0],["bankmcp-vg-2230","BankMCP","Self-hosted, read-only MCP server that lets Claude or Ollama query your own bank accounts via Enable Banking open banking.",15,298,["mcp","open-banking","self-hosted","finance","psd2"],"@noskillish","MIT","VG-2230.png",20710,7,0],["graphify-c-vg-2231","Graphify C#","Compiler-accurate Find Usages and symbol graph for C# 15 that coding agents can query instead of grepping the repo.",15,298,["csharp","mcp","coding-agents","roslyn","find-usages"],"@zachsaw","MIT","VG-2231.png",20710,6,0],["youtube-scout-vg-2232","YouTube Scout","Claude Code skill that turns one topic into a ranked YouTube research workbook with channels, transcripts, hooks, and replay hotspots.",15,345,["claude-skill","youtube","research","marketing","xlsx"],"@AgriciDaniel","MIT","VG-2232.png",20710,33,0],["italia-mcp-servers-vg-2233","Italia MCP Servers","Curated catalogue of Italian MCP servers for public data, legal-tech, invoicing, and public administration, with readiness scores.",15,403,["mcp","italy","directory","civic-tech","open-data"],"@bsab","MIT","VG-2233.png",20710,7,0],["agentic-stack-desktop-vg-2234","Agentic Stack Desktop","Native macOS workspace that keeps one local knowledge graph shared across Claude Code, Codex, OpenCode, and Cursor.",15,354,["macos","knowledge-graph","claude-code","cursor","local-first"],"@codejunkie99","Apache-2.0","VG-2234.png",20710,6,0],["google-seo-mcp-vg-2235","Google SEO MCP","SEO and GEO MCP with Search Console, GA4, PageSpeed, structured data, llms.txt, and WordPress tools for Claude, Codex, and Cursor.",15,298,["mcp","seo","geo","search-console","pagespeed"],"@Akxan","MIT","VG-2235.png",20710,9,0],["egma-vg-2236","Egma","Open-source simulation testing and monitoring platform for voice agents, with BYO STT/LLM/TTS keys and zero markup on inference.",15,362,["voice-agents","evals","simulation","mcp","self-hosted"],"egma-ai","MIT","VG-2236.png",20710,9,0],["geiger-vg-2229","Geiger","Read-only CLI that inventories every agent, MCP server, plugin, and AI extension on a machine and what each can touch.",15,305,["mcp","agent-safety","scanner","cli","security"],"Atomburst (@Atomburstofficial)","MIT","VG-2229.png",20710,8,0],["duo-animation-vg-2225","duo_animation","Flutter package that folds any widget behind frosted glass from gyroscope tilt, Impeller fragment-shader driven.",14,446,["flutter","shader","gyroscope","fold","impeller"],"@narayann7","MIT","VG-2225.png",20709,14,0],["ptree-vg-2226","Ptree","Interactive tree of life merging 11 taxonomies with 41 trait overlays — habitat, size, longevity, depth — all with provenance.",1,443,["biology","taxonomy","interactive","learning","data"],"Michael Dayah","free","VG-2226.png",20709,12,0],["delete-button-animation-vg-2227","Delete button animation","Vanilla delete button where each letter tumbles into a trash can — HTML, CSS and JS, zero dependencies.",11,93,["micro-interaction","css","vanilla-js","button","waapi"],"@james2001","open-source","VG-2227-card.svg",20709,8,0],["fable51-worlds-vg-2228","fable51-worlds","Walkable Three.js worlds generated as code by agent swarms — Union Square, Kyoto Higashiyama, Death Star trench — no game engine.",12,130,["threejs","procedural","agents","worlds","webgl"],"PhiloLabs","MIT","VG-2228.png",20709,8,0],["fathom-vg-2224","Fathom","Dependency-free web art of sequined goldfish drifting through painted water that shifts with the visitor’s local time of day.",7,449,["web-art","generative","meditation","goldfish","interactive"],"ks·design (@kiaquila)","MIT","VG-2224.jpg",20709,7,0],["hopera-vg-2223","Hopera","Free musical soothing rhythmic game in LÖVE, playable on web, iOS and Android — tap the beat, no score pressure.",10,166,["rhythm","game","love2d","music","soothing"],"Jeremy Thomas (@jgthms)","free","VG-2223.png",20709,6,0],["moodstone-vg-2222","Moodstone","Procedurally generated React Native agent avatars with nine mood loops, seven silhouette cuts, Skia rendering and animated SVG export.",2,440,["react-native","avatars","skia","agents","animation"],"@karacca","MIT","VG-2222.png",20709,6,0],["refero-styles-vg-2214","Refero Styles","Browse 2000+ AI-readable DESIGN.md examples from real product sites covering colors, type, spacing, and components for coding agents.",3,421,["design-md","ai-agents","style-guide","reference","design-systems"],"Refero","freemium","VG-2214.png",20707,24,0],["engrim-vg-2215","Engrim","Local-first SQLite episodic memory so Claude Code, Cursor, Antigravity, and Codex share decisions across model switches on one project.",13,213,["agent-memory","sqlite","mcp","cli","vibe-coding"],"Tim Gordon (@timgordontg)","MIT","VG-2215.png",20707,6,0],["okf-agent-memory-vg-2216","OKF Agent Memory","Pure-Go git-native agent memory using OKF markdown, in-memory BM25 search under 300µs, and an embedded MCP server.",15,368,["mcp","okf","agent-memory","bm25","git-native"],"okf-memory","MIT","VG-2216.png",20707,6,0],["wtmemory-vg-2217","WTMemory","Tiny native macOS menu-bar tool that finds AI model hoards, kills orphaned vite and Next servers, and reclaims developer caches.",13,335,["macos","disk-cleanup","ollama","dx","menu-bar"],"Sai Bharadwaj (@saibharadwaj)","paid","VG-2217.jpg",20707,5,0],["larkin-vg-2218","Larkin","Free Astro and Tailwind café template with menu, locations, open-closed hours, laptop policy, i18n, and Schema.org markup.",8,191,["astro","template","cafe","tailwind","starter"],"Alder Themes","free","VG-2218.png",20707,7,0],["knap-vg-2221","Knap","Obsidian's open-source template language that turns JSON data into Markdown via CLI or npm, with filters and Obsidian frontmatter helpers.",13,245,["markdown","templating","obsidian","cli","npm"],"Obsidian (kepano)","MIT","VG-2221.png",20707,7,0],["drivesync-vg-2219","DriveSync","Fast Git-styled CLI that syncs files and folders with Google Drive, aimed at developers who want Drive without the GUI.",13,213,["cli","google-drive","sync","git-style","dx"],"@scaleninja","unknown","VG-2219.png",20707,9,0],["kad-vg-2220","Kadō","Privacy-first iOS habit tracker with a non-binary Loop-style score, SwiftData, optional iCloud, widgets, and zero telemetry.",8,17,["ios","habits","swiftui","open-source","privacy"],"Sébastien Castiel (@scastiel)","MIT","VG-2220.png",20707,8,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,8,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,9,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,8,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,13,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,16,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,6,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,28,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,9,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,16,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,13,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,10,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,8,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,4,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,7,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,17,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,6,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,7,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,448,["react","agentic","design-system","mcp","shadcn"],"BoardUI (@sitenley)","freemium","VG-2189.png",20704,25,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,448,["webgl","orbs","shadcn","agents","react"],"@zzzzshawn","MIT","VG-2190.png",20704,26,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,442,["react","motion","cli","components","source"],"John Mamanao","MIT","VG-2191.png",20704,11,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,442,["overlays","dialogs","react","shadcn","radix"],"Mauro Erta (@mauro_erta)","MIT","VG-2192-card.svg",20704,8,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,11,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,20,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,442,["fab","react","radial","haptics","motion"],"@nikhileashy","MIT","VG-2196-card.svg",20704,10,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,442,["microinteractions","react","css","tailwind","copy-paste"],"MicroKit","MIT","VG-2193.png",20704,44,0],["afterglow-vg-2181","Afterglow","Phosphor terminal UI registry for shadcn projects: 62 installable items, Base UI primitives, CRT effects, and eight themes.",9,442,["shadcn","terminal","registry","base-ui","phosphor"],"@thebuilder","open-source","VG-2181.png",20704,11,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,442,["shadcn","registry","react","tailwind","motion"],"Wensity","MIT","VG-2182.png",20704,10,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,6,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,7,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,7,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,442,["shadcn","registry","web-components","react","craft"],"Adrian Galilea (@adriangalilea)","MIT","VG-2183-card.svg",20704,8,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,8,0],["pipecat-ui-vg-2184","Pipecat UI","shadcn-installable React components, hooks, visualizers, and blocks purpose-built for Pipecat voice AI experiences.",9,448,["voice-ai","shadcn","react","pipecat","components"],"Pipecat AI (@pipecat-ai)","BSD-2-Clause","VG-2184.png",20704,9,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,10,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,7,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,7,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,7,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,11,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,11,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,10,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,6,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,9,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,10,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,8,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,7,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,8,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,13,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,6,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,7,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,11,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,6,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,6,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,6,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,6,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,7,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,7,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,6,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,6,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,6,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,7,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,12,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,10,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,450,["layout","composition","hangul","typography"],"GOMGOM (@worlyung)","open-source","VG-2152.png",20699,7,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,8,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,7,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,8,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,7,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,5,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,6,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,9,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,7,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,451,["figma","design-tokens","chrome-extension","design-system"],"Su JiaYi (@SuJiaYi27)","Apache-2.0","VG-2145-card.svg",20699,16,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,442,["react","animation","components","ui","tailwindcss","open-source"],"Ayushmaan Singh","MIT","VG-2141.png",20699,26,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,8,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,8,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,8,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,7,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,9,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,7,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,11,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,11,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,13,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,42,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,35,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,20,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,15,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,16,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,9,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,8,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,14,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,9,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,8,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,5,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,19,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,8,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,8,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,30,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,9,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,11,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,14,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,12,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,452,["typography","spacing","fluid","clamp","responsive"],"James Gilyead & Trys Mudford (@trysmudford)","free","VG-2115.png",20693,9,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,52,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,33,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,11,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,11,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,9,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,39,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,9,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,11,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,11,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,9,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,11,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,11,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,9,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,8,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,11,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,37,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,11,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,12,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,8,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,17,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,11,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,9,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,13,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,10,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,12,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,7,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,21,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,7,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,27,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,8,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,8,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,8,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,10,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,8,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,8,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,33,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,15,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,7,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,10,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,12,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,31,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,39,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,12,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,9,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,11,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,10,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,8,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,26,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,21,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,13,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,444,["webgl","kinetic-typography","effects","remix"],"Brik","freemium","VG-2058.png",20685,10,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,6,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,453,["motion","mockups","stock","templates"],"Arqé","freemium","VG-2059.png",20685,9,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,453,["motion","showcase","portfolio","templates"],"animos","freemium","VG-2060.png",20685,29,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,42,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,453,["motion","video","templates","browser"],"Rico® Supply","freemium","VG-2055.png",20685,14,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,11,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,454,["figma","handoff","changelog","diff"],"@r_uxhero","freemium","VG-2049-card.svg",20685,9,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,11,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,7,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,11,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,31,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,11,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,454,["figma","layers","naming","cleanup"],"@TheRuqayyah","free","VG-2048-card.svg",20685,10,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,6,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,454,["figma","game-ui","nine-slice","responsive"],"@NavidAbedini","free","VG-2047-card.svg",20685,14,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,10,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,8,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,11,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,32,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,11,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,29,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,9,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,8,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,8,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,19,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,15,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,9,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,10,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,7,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,14,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,11,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,23,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,36,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,6,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,42,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,36,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,448,["ai-ui","chat","agents","react","copy-paste"],"Turbo (design studio)","MIT","VG-2016-card.svg",20683,15,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,7,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,8,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,455,["react-flow","workflow","nodes","shadcn"],"Bruno Fernandes (@nobruf)","open-source","VG-2004.png",0,12,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,11,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,12,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,8,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,10,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,12,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,10,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,8,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,456,["copywriting","swipe-file","marketing","ads","analysis"],"Swiped.co","freemium","VG-1575-card.svg",0,21,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,457,["inspiration","landing-pages","gallery","newsletter","nextjs"],"tajim (@tajim)","free","VG-1610-card.svg",0,9,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,7,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,10,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,10,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,7,0],["ambientcg-vg-1766","ambientCG","Library of CC0 PBR material scans providing albedo, normal, roughness and displacement maps at multiple resolutions.",12,458,["pbr","textures","cc0","3d"],"Lennart Demes (@ambientCG)","free","VG-1766-card.svg",0,19,0],["3d-textures-vg-1765","3D Textures","Free seamless PBR texture set library with full map channels, published continuously by a single artist.",12,458,["pbr","textures","seamless","3d"],"Joao Paulo (@3dtexturesme)","free","VG-1765-card.svg",0,7,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,54,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,448,["ai-ui","react","chat","registry"],"Dominik Koch (@mezotv)","open-source","VG-1799-card.svg",0,9,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,459,["cli","shadcn","tooling","devx"],"community","open-source","VG-1893-card.svg",0,9,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,9,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,451,["design-tokens","typography","spacing","scaffold"],"dizzy","free","VG-1830-card.svg",0,9,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,9,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,10,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,12,0],["tinte-vg-1994","Tinte","Opinionated theme generator that produces VS Code themes and shares a token model with web UI theming.",9,460,["theme","vscode","colors","generator"],"Railly Hugo (@raillyhugo)","open-source","VG-1994-card.svg",0,7,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,11,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,461,["logo","branding","challenge","practice","email"],"Daily Logo Challenge","free","VG-1577-card.svg",0,11,0],["liquid-metal-vg-1731","Liquid Metal","Animated liquid-metal border component for React with fluid chrome-like reflections and tunable motion parameters.",12,462,["react","shader","metal","border"],"Jakub Antalík (@jantalik)","free","VG-1731-card.svg",0,12,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,7,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,13,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,26,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,10,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,10,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,13,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,8,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,463,["react","hooks","typescript","utilities"],"Antonio Ruotolo (@antonioru)","MIT","VG-1932.png",0,11,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,8,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,10,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,11,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,9,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,9,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,7,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,8,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,12,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,11,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,8,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,10,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,10,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,11,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,10,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,27,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,9,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,12,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,9,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,464,["inspiration","gallery","landing-pages","industries"],"Devluc","free","VG-1697-card.svg",0,13,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,9,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,11,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,465,["osint","investigation","tools","directory"],"Bellingcat","free","VG-1652-card.svg",0,38,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,11,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,8,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,10,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,12,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,12,0],["shuip-vg-1855","Shuip","React components plus ready-made React Hook Form and TanStack Form fields, kanban boards and data tables.",9,466,["react-hook-form","tanstack","kanban","datatable"],"plvo","open-source","VG-1855-card.svg",0,11,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,8,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,38,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,11,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,36,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,11,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,14,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,8,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,10,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,41,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,13,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,9,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,10,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,9,0],["matcaps-vg-1768","matcaps","Repository of hundreds of matcap material capture textures with a searchable preview page, free for any use.",12,458,["matcap","textures","three.js","materials"],"Alex Rodin (@nidorx)","MIT","VG-1768.png",0,15,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,11,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,7,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,467,["alpinejs","tailwind","html","components"],"DevDojo","MIT","VG-1801-card.svg",0,12,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,11,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,11,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,13,0],["nodetoy-vg-1736","NodeToy","Node-based GLSL shader editor that exports working shaders for Three.js and other WebGL pipelines.",12,468,["shaders","node-editor","threejs","glsl"],"","freemium","VG-1736-card.svg",0,6,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,9,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,9,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,14,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,469,["angular","three.js","renderer","3d"],"Chau Tran (@nartc)","MIT","VG-1703.png",0,8,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,8,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,33,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,8,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,27,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,11,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,11,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,12,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,470,["variable-fonts","typography","tools","reference"],"Laurence Penney (@lorp)","free","VG-1521-card.svg",0,11,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,8,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,16,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,12,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,11,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,10,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,9,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,11,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,9,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,11,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,9,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,10,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,10,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,8,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,6,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,23,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,9,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,12,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,15,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,458,["hdri","cubemap","three.js","textures"],"Mateusz Wisniewski (@matheowis)","open-source","VG-1767-card.svg",0,12,0],["threlte-vg-1764","Threlte","Svelte component library and renderer for Three.js with physics, XR, extras and a declarative scene graph.",12,471,["svelte","three.js","3d","components"],"Grischa Erbe (@grischaerbe)","MIT","VG-1764.png",0,12,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,18,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,9,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,14,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,12,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,9,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,9,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,12,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,10,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,11,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,10,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,9,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,12,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,10,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,9,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,472,["illustrations","undraw","shadcn","react"],"vaatun","open-source","VG-1892-card.svg",0,9,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,8,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,11,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,44,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,9,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,473,["radix-colors","theme","shadcn","palette"],"Evgeny Kuznetsov (@ewgenius)","open-source","VG-1930-card.svg",0,6,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,13,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,23,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,46,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,474,["svelte","shadcn-svelte","components","registry"],"noair","open-source","VG-1982-card.svg",0,10,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,12,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,7,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,8,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,13,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,9,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,10,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,11,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,8,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,15,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,9,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,10,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,7,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,438,["webgpu","wgsl","shaders","dom","3d"],"Martin Laxenaire (@martinlaxenaire)","MIT","VG-1793.png",0,8,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,7,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,20,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,20,0],["codestitch-vg-1824","CodeStitch","Library of HTML and CSS only sections and components requiring no framework, build step or JavaScript.",9,475,["html","css","no-js","sections"],"CodeStitch Inc.","freemium","VG-1824-card.svg",0,8,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,11,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,11,0],["bg-ibelick-vg-1823","bg.ibelick","Collection of modern CSS and Tailwind background snippets: gradients, grids, noise and mesh patterns.",9,475,["css","tailwind","backgrounds","gradients"],"Julien Thibeaut (@ibelick)","MIT","VG-1823-480.webp",0,10,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,476,["variable-fonts","typography","directory","opentype"],"Nick Sherman (@nicksherman)","free","VG-1096-card.svg",0,11,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,9,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,9,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,14,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,6,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,10,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,10,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,477,["textures","paper","grunge","vintage"],"Lost and Taken","free","VG-1092-card.svg",0,7,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,10,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,11,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,6,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,12,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,9,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,8,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,6,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,10,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,10,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,6,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,7,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,8,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,8,0],["greensock-learning-vg-1298","GreenSock Learning","Official GSAP channel with ScrollTrigger walkthroughs, timeline sequencing lessons and common-mistake breakdowns.",1,478,["youtube","gsap","animation","scrolltrigger"],"GreenSock (@greensock)","free","VG-1298-card.svg",0,9,0],["juxtopposed-vg-1300","Juxtopposed","Design-engineering channel covering UI redesigns, three.js, GSAP and interface critique with strong visual production.",1,478,["youtube","design","threejs","gsap"],"Juxtopposed (@juxtopposed)","free","VG-1300-card.svg",0,26,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,7,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,8,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,10,0],["orbit-vg-1240","Orbit","Platform for embedding spaced-repetition prompts into web essays so readers retain what they read.",1,479,["learning","spaced-repetition","embed","tools-for-thought"],"Andy Matuschak (@andy_matuschak)","open-source","VG-1240-card.svg",0,12,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,12,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,11,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,24,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,9,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,10,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,10,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,9,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,23,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,480,["expo","text","measurement","performance"],"Juba Kitiashvili (@JubaKitiashvili)","MIT","VG-1394.png",0,7,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,13,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,11,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,11,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,14,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,9,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,8,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,8,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,7,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,13,0],["swiftuix-vg-1422","SwiftUIX","Large extension library filling gaps in SwiftUI's standard library with missing views, modifiers and UIKit bridges.",14,481,["swiftui","extensions","uikit","utilities"],"Vatsal Manot (@vatsal_manot)","MIT","VG-1422-480.webp",0,6,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,9,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,10,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,12,0],["my-css-polyhedra-vg-1440","My CSS Polyhedra","CodePen collection of animated 3D polyhedra built entirely with CSS transforms and custom properties.",2,482,["codepen","css","3d","math"],"Ana Tudor (@anatudor)","free","VG-1440-card.svg",0,8,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,5,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,482,["codepen","css","keyframes","tutorial"],"Jhey Tompkins (@jh3y)","free","VG-1438-card.svg",0,8,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,13,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,26,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,35,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,9,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,12,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,11,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,10,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,482,["codepen","css","3d","experiments"],"Amit Sheen (@amit_sheen)","free","VG-1439-card.svg",0,10,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,11,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,11,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,9,0],["texturelabs-vg-1093","Texturelabs","Free original grunge, paper, metal and wood texture files in multiple resolutions, plus tutorials on using them.",4,477,["textures","grunge","paper","photoshop"],"Texturelabs","free","VG-1093-card.svg",0,10,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,11,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,7,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,10,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,7,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,11,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,9,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,8,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,483,["fonts","open-source","specimens","curation"],"Magic as a Service","open-source","VG-1065-card.svg",0,10,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,9,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,8,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,476,["variable-fonts","playground","css","opentype"],"Laurence Penney (@lorpenney)","free","VG-1095-card.svg",0,12,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,10,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,11,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,9,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,12,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,9,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,7,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,11,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,6,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,483,["fonts","libre","archive","community"],"Fabricatorz Foundation","open-source","VG-1064-card.svg",0,11,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,20,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,11,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,10,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,6,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,18,0],["hyperplexed-vg-1299","Hyperplexed","Channel that reverse-engineers striking website effects and rebuilds them from scratch in plain HTML, CSS and JavaScript.",1,478,["youtube","css","effects","recreation"],"Hyperplexed","free","VG-1299-card.svg",0,13,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,478,["youtube","css","tutorials","layout"],"Kevin Powell (@KevinJPowell)","free","VG-1301-card.svg",0,13,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,8,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,16,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,12,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,10,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,9,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,18,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,9,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,22,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,7,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,7,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,15,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,6,0],["transparent-textures-vg-1094","Transparent Textures","397 tileable transparent PNG patterns you can layer over any background color, with instant CSS preview.",4,477,["textures","patterns","css","tileable"],"Mike Hearn (@mikehearn)","free","VG-1094-card.svg",0,14,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,7,0],["coding-math-vg-1297","Coding Math","Channel teaching the mathematics programmers actually need: vectors, trigonometry, easing, physics and parametric motion.",1,478,["youtube","math","animation","physics"],"Keith Peters (@bit101)","free","VG-1297-card.svg",0,9,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,6,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,7,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,13,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,11,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,14,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,13,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,12,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,10,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,6,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,10,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,8,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,10,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,28,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,9,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,7,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,8,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,11,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,6,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,29,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,8,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,10,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,8,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,450,["grid","layout","typography","templates","theory"],"The Grid System","free","VG-0567-card.svg",0,10,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,7,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,6,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,9,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,6,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,6,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,4,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,9,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,7,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,12,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,7,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,7,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,5,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,452,["spacing","scale","layout","tokens"],"Hayk An (@hihayk)","free","VG-0566-card.svg",0,10,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,6,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,7,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,7,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,7,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,9,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,7,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,10,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,10,0],["amireal-vg-0846","AmIReal","Browser tool that detects GAN-generated faces by analysing facial landmark geometry.",13,484,["ai-detection","faces","verification","osint"],"seintpl","open-source","VG-0846-card.svg",0,8,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,25,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,8,0],["forensically-vg-0912","Forensically","Browser suite of image forensics tools including error level analysis, clone detection, noise and magnifier views.",13,485,["forensics","images","verification","analysis"],"","free","VG-0912-card.svg",0,9,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,11,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,12,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,7,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,14,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,7,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,8,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,27,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,12,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,14,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,6,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,6,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,8,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,7,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,6,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,8,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,8,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,8,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,9,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,6,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,7,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,7,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,10,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,9,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,14,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,10,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,13,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,10,0],["avataaars-generator-vg-0644","Avataaars Generator","Web generator for the Avataaars illustrated character set, free for commercial use and downloadable as SVG.",3,445,["avatars","svg","illustration","placeholder","open-source"],"Pablo Stanley (@pablostanley) and Fang-Pen Lin","free","VG-0644-card.svg",0,7,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,9,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,11,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,11,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,24,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,486,["cameras","simulation","geolocation","fov"],"IPVM","freemium","VG-0864-card.svg",0,10,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,9,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,8,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,6,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,10,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,9,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,12,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,9,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,8,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,9,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,9,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,8,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,7,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,12,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,7,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,10,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,11,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,8,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,7,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,9,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,5,0],["dialkit-vg-0708","DialKit","Floating React control panel with sliders, toggles and colour pickers for tweaking values live in a running app.",3,487,["react","debug","controls","tweakpane"],"Josh Puckett (@joshpuckett)","open-source","VG-0708-card.svg",0,10,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,451,["design-tokens","css-variables","generator"],"LayoutIt","free","VG-0709-card.svg",0,10,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,7,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,7,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,8,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,6,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,7,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,7,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,8,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,9,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,21,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,8,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,9,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,7,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,8,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,9,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,13,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,6,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,8,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,7,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,12,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,8,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,8,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,7,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,23,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,7,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,10,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,6,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,8,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,7,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,488,["fonts","self-hosting","woff2","css","gdpr"],"Mario Ranftl (@majodev)","MIT","VG-0841-card.svg",0,9,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,8,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,489,["text-expansion","automation","cli","cross-platform","snippets"],"Federico Terzi (@federicoterzi)","GPL","VG-0953-card.svg",0,8,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,11,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,9,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,12,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,6,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,10,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,8,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,10,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,8,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,9,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,11,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,12,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,8,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,7,1],["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,15,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,7,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,5,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,8,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,7,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,490,["portfolio","retro","windows-xp","ui"],"Mitch Ivin","free","VG-0362-card.svg",0,8,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,6,0],["themeselection-vg-0308","ThemeSelection","Marketplace of admin dashboards, SaaS boilerplates and Figma UI kits for React, Next.js, Vue, Laravel and Django.",8,491,["templates","admin","dashboard","figma","saas"],"ThemeSelection (Ajay Patel)","freemium","VG-0308-card.svg",0,8,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,492,["css","minimal","classless","framework"],"Joel Dare (@codazoda)","MIT","VG-0324-card.svg",0,9,0],["orbit-vg-0366","Orbit","CSS framework for building circular interfaces from orbits, satellites, arcs and radial progress indicators without manual trigonometry.",7,493,["css","radial","ui","framework"],"Zumerlab","MIT","VG-0366-card.svg",0,10,0],["vecti-vg-0341","Vecti","Browser UI design tool built by one designer around collaborative editing and fast rendering, with European data hosting.",7,494,["design","ui","collaboration","vector"],"Serge","freemium","VG-0341-card.svg",0,8,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,16,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,6,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,441,["vector","procedural","nodes","editor"],"Graphite Labs","open-source","VG-0381-card.svg",0,5,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,8,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,495,["gif","image","browser","meme"],"Igor Klimer (@klimeryk)","free","VG-0351-card.svg",0,5,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,10,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,5,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,14,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,6,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,496,["cursor","mcp","rules","plugins","directory"],"Pontus Abrahamsson (@pontusab)","free","VG-0076-card.svg",0,16,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,11,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,9,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,9,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,19,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,9,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,6,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,9,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,8,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,7,0],["freigeist-vg-0018","Freigeist","Desktop platform where specialised frontend, backend and database agents collaborate to generate full applications from a plain description.",15,497,["ai-builder","agents","claude","no-code","desktop"],"Freigeist","paid","VG-0018-card.svg",0,9,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,10,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,11,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,5,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,10,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,6,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,492,["css","classless","typography","minimal"],"Julius Kawatziklis (@winterveil)","open-source","VG-0323-card.svg",0,9,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,10,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,498,["svg","patterns","accessibility","d3"],"Riccardo Scalco (@riccardoscalco)","MIT","VG-0389-card.svg",0,7,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,11,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,7,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,12,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,447,["css","flexbox","learning","playground"],"Yoav Sabag (@yoav_sbg)","free","VG-0353-card.svg",0,9,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,9,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,4,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,7,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,9,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,20,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,4,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,7,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,6,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,8,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,11,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,8,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,8,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,7,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,8,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,9,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,439,["music","midi","visualization","education"],"Vitaly Pavlenko (@vitaly-pavlenko)","open-source","VG-0357-card.svg",0,22,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,11,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,5,0],["svelvet-vg-0358","Svelvet","Svelte component library for interactive node-and-edge graphs with zooming, panning, custom nodes and anchor-level control.",7,499,["svelte","node-graph","flow","components"],"Svelvet contributors","MIT","VG-0358-card.svg",0,7,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,16,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,13,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,500,["claude-code","tips","statusline","plugin","workflow"],"YK Dojo (@ykdojo)","open-source","VG-0073.png",0,6,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,10,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,11,0]],"categories":[{"name":"UI Components & Libraries","count":278},{"name":"Design Tools & Generators","count":271},{"name":"AI Skills, Agents & MCP","count":230},{"name":"Dev Utilities & Vibe-Coding Tooling","count":197},{"name":"Resource Directories & Inspiration","count":188},{"name":"Data Visualization & Charts","count":145},{"name":"Shaders, WebGL & Creative Coding","count":138},{"name":"Clonable Projects & Starters","count":134},{"name":"Mobile & Cross-platform UI","count":130},{"name":"Games, Juice & Interactive","count":127},{"name":"Design Systems & Foundations","count":124},{"name":"Community Finds","count":123},{"name":"Figma, Assets & Media","count":121},{"name":"Learning & Craft","count":119},{"name":"Backgrounds, Effects & CSS Oddities","count":118},{"name":"Motion & Animation","count":115}]}