The design engineering library
MACLABS
Tools for people who design and build the same thing. Searchable, opinionated, and kept current.
Featured
Paid placements0No featured placements yet.
Paid spots will show up here.Inspiration
Galleries to raid before you open a blank canvas15Are.naSlow, collaborative research boardsare.naAwwwardsDaily awards for adventurous web designawwwards.comCosmosVisual bookmarking for taste-buildingcosmos.soCurated DesignHand-picked sites and studioscurated.designDesign SpellsThe tiny delightful details in shipped productsdesignspells.comFonts In UseTypography spotted in the wild, indexedfontsinuse.comGame UI DatabaseThousands of game interface screenshotsgameuidatabase.comGodlyAstronomically good website inspirationgodly.websiteInterface In GameGame UI catalogued by genre and elementinterfaceingame.comLand-bookLanding page gallery sorted by industryland-book.comMinimal GalleryBeautifully restrained websitesminimal.galleryMobbinSearchable screenshots of real mobile and web appsmobbin.comReferoProduct UI reference organised by flowrefero.designSaaspoSaaS website patterns and sectionssaaspo.comSiteInspireLong-running showcase of web designsiteinspire.com
Interface Design
Where the screens actually get drawn10Affinity DesignerVector illustration without a subscriptionaffinity.serif.comFigmaThe default collaborative interface editorfigma.comFramerDesign and publish real sites from a canvasframer.comLunacyFree offline design app that reads Sketch filesicons8.comPaperDesign tool built around real interactionpaper.designPenpotOpen source design tool with open file formatspenpot.appPlayDesign mobile interfaces on devicecreatewithplay.comRiveInteractive animation with a runtime state machinerive.appSketchNative Mac design app with a long lineagesketch.comStitchGenerate UI mockups from promptsstitch.withgoogle.com
Components
Copy, paste, ship1821st.devMarketplace of shadcn-compatible sections21st.devAceternity UIFlashy Tailwind and Framer Motion blocksui.aceternity.comArk UIHeadless components across React, Vue, Solidark-ui.comBase UIHeadless components from the MUI and Radix teamsbase-ui.comcmdkComposable command menu for Reactcmdk.paco.meComponent GalleryHow real design systems build each componentcomponent.galleryFancy ComponentsExperimental, expressive React componentsfancycomponents.devHeadless UITailwind's unstyled component setheadlessui.comMantineLarge React component and hooks librarymantine.devMotion PrimitivesAnimated React components ready to drop inmotion-primitives.comNumberFlowAnimated numeric transitions done properlynumber-flow.barvian.meRadix PrimitivesUnstyled accessible component behaviourradix-ui.comReact AriaAdobe's hooks for accessible interactionsreact-spectrum.adobe.comReact BitsAnimated snippets for landing pagesreactbits.devshadcn/uiCopy-in React components you actually ownui.shadcn.comSonnerOpinionated toast notificationssonner.emilkowal.skiTremorDashboard and chart components for Reacttremor.soVaulDrawer component that feels nativevaul.emilkowal.ski
AI Code
Agents and editors that write with you11AiderPair programming with git-aware AI in the terminalaider.chatBolt.newFull-stack apps generated in the browserbolt.newClaude CodeAgentic coding in your terminal and editorclaude.comClineOpen source autonomous coding agent for VS Codecline.botContinueBring your own model into VS Code and JetBrainscontinue.devCursorEditor rebuilt around AI pair programmingcursor.comGitHub CopilotInline completion and chat in your editorgithub.comOpenAI CodexCloud software engineering agentopenai.comv0Prompt your way to React and Tailwind UIv0.devWindsurfAgentic IDE with deep codebase contextwindsurf.comZedFast collaborative editor with agent panelzed.dev
AI & Research
Models, notebooks, and reading machines10ChatGPTGeneral purpose assistant and research toolchatgpt.comClaudeAssistant for writing, analysis, and codeclaude.aiElevenLabsVoice synthesis and dubbingelevenlabs.ioGoogle GeminiMultimodal assistant tied into Google toolsgemini.google.comHugging FaceModels, datasets, and demos in one placehuggingface.coMidjourneyImage generation with a strong house stylemidjourney.comNotebookLMGrounded notebooks built from your own sourcesnotebooklm.googleOllamaRun language models locally with one commandollama.comPerplexitySearch that answers with citationsperplexity.aiReplicateRun open models behind a simple APIreplicate.com
Prototyping
From idea to clickable in an afternoon9CodePenThe front-end playground and social feedcodepen.ioCodeSandboxInstant cloud dev environmentscodesandbox.ioObservableReactive notebooks for data and visualsobservablehq.comOrigami StudioMeta's patch-based prototyping toolorigami.designProtoPieHigh-fidelity interaction prototypes without codeprotopie.ioReplitCloud IDE with agents and one-click hostingreplit.comStackBlitzNode runs in the browser, no container waitstackblitz.comStorybookBuild and document components in isolationstorybook.js.orgVal TownWrite and host small server functions instantlyval.town
Motion
Timelines, springs, and easing11CavalryProcedural 2D motion design appcavalry.scenegroup.coEasing FunctionsThe cheat sheet for easing curveseasings.netEasing GradientsGradients without the ugly bandinglarsenwork.comEasing WizardCraft and copy CSS easing curveseasingwizard.comGSAPThe industrial-strength animation platformgsap.comJitterFast motion design for marketing assetsjitter.videoLottie CreatorAuthor Lottie animations in the browserlottiefiles.comLottielabDesign and ship interactive Lottie fileslottielab.comMotionAnimation library for React and vanilla JSmotion.devSpring VisualizerFeel spring physics before you commitreact-spring-visualizer.comTheatre.jsVisual timeline editor for JS animationtheatrejs.com
3D
Modelling, scenes, and realtime12BeziCollaborative 3D design for spatial appsbezi.comBlenderFull 3D pipeline, free foreverblender.orgDreiHelpers that make R3F scenes fast to builddrei.docs.pmnd.rsgltfjsxTurn a GLTF file into a React componentgithub.comgltfpackCompress GLTF models down to sane sizesgithub.comHoudiniProcedural everything for serious pipelinessidefx.comNeedle EnginePublish interactive 3D from Unity or Blender to webneedle.toolsPoly HavenCC0 HDRIs, textures, and modelspolyhaven.comReact Three FiberThree.js as declarative React componentsr3f.docs.pmnd.rsSplineBrowser-first 3D design with web exportspline.designThree.jsThe web's 3D librarythreejs.orgWompFriendly volumetric modelling in the browserwomp.com
Shaders & Generative
Node graphs and fragment code9cables.glPatch together WebGL scenes in the browsercables.glHydraLive-codable video synthesis in the browserhydra.ojack.xyzNodeToyVisual shader editor with three.js exportnodetoy.cop5.jsCreative coding for people who drawp5js.orgPaper ShadersDrop-in animated shader backgroundsshaders.paper.designShadertoyThe public archive of fragment shadersshadertoy.comThe Book of ShadersLearn fragment shaders from zerothebookofshaders.comTouchDesignerNode-based realtime visuals and installationsderivative.caUnicorn StudioDesign shader-driven web effects without codeunicorn.studio
Volumetric & Scanning
Turn the real world into geometry6DepthkitVolumetric video capture toolkitdepthkit.tvKIRI EnginePhotogrammetry and splats on mobilekiriengine.appLuma AICapture and share neural sceneslumalabs.aiPolycamScan objects and rooms from your phonepoly.camRealityScanHigh-fidelity photogrammetry from Epicrealityscan.comSuperSplatEdit and compress Gaussian splats in-browsersuperspl.at
Color
Pickers, palettes, and contrast checks9Adobe ColorWheels, rules, and extraction from imagescolor.adobe.comColor.reviewContrast checking while you tune the huecolor.reviewCoolorsGenerate and lock palettes fastcoolors.coHuemintModel-generated palettes for brand and UIhuemint.comLeonardoAdobe's contrast-driven color scale generatorleonardocolor.ioOKLCH Color PickerPick colors in a perceptual spaceoklch.comPolinePalettes from polar coordinate mathmeodai.github.ioRadix ColorsAccessible color scales with dark mode built inradix-ui.comRealtime ColorsSee a palette on a real layout instantlyrealtimecolors.com
Typography
Faces, foundries, and specimens10FontshareQuality fonts, free for commercial usefontshare.comFontsourceSelf-host open fonts via npmfontsource.orgFree FacesCurated gallery of free typefacesfreefaces.galleryGoogle FontsThe default open type libraryfonts.google.comKlim Type FoundryPrecise, characterful retail typeklim.co.nzPangram PangramModern foundry with generous trialspangrampangram.comType ScaleBuild a modular scale and copy the CSStypescale.comUNCUTContemporary open source typefacesuncut.wtfVariable FontsCatalogue of variable typefaces and axesv-fonts.comWakamai FondueDrop a font in, see everything it can dowakamaifondue.com
Icons & Illustration
Small pictures, big libraries9BlushMix and match illustration systemsblush.designHeroiconsTailwind's own icon setheroicons.comIconify200k icons behind one APIiconify.designLucideClean, consistent open source icon setlucide.devNoun ProjectEnormous icon archive with attributionthenounproject.comPhosphor IconsFlexible icon family in six weightsphosphoricons.comRemix IconNeutral system icons with a careful gridremixicon.comTabler IconsHuge stroke-based icon librarytabler.iounDrawRecolorable open illustrationsundraw.co
Images & Assets
Photos, textures, sound, and stock10CloudinaryMedia pipeline with on-the-fly transformscloudinary.comFreesoundCommunity library of sound effectsfreesound.orgHaikeiGenerate SVG backgrounds, blobs, and waveshaikei.appPexelsFree stock photos and videopexels.comSplice SoundsSample library with a rights-cleared licencesplice.comSquooshCompare image codecs and compress in-browsersquoosh.appSVGOMGSVG optimisation with visible trade-offsjakearchibald.github.ioTinyPNGQuick lossy compression for PNG and JPGtinypng.comTransparent TexturesTileable subtle background patternstransparenttextures.comUnsplashFree high-resolution photographyunsplash.com
CSS & Web Utility
The little tools you open ten times a day11Can I UseBrowser support tables for everything webcaniuse.comCSS Gradient EditorGradients that interpolate without grey mushjoshwcomeau.comCSS Grid GeneratorDraw a grid, take the CSScssgrid-generator.netlify.appFancy Border RadiusSuperellipse-ish shapes from border-radius9elements.github.ioModern Font StacksSystem font pairings with zero downloadmodernfontstacks.comOpen PropsDesign tokens as plain CSS variablesopen-props.styleRay.soTurn code into a shareable imageray.soRegExrWrite regex with live explanationregexr.comShadow Palette GeneratorLayered shadows that look physicaljoshwcomeau.comTailwind CSSUtility-first styling that scales with teamstailwindcss.comUtopiaFluid type and space scales via clamp()utopia.fyi
Frameworks
The stack under the pixels11AstroContent sites that ship almost no JavaScriptastro.buildExpoReact Native apps without the native painexpo.devNext.jsReact framework with routing and server renderingnextjs.orgNuxtThe batteries-included Vue frameworknuxt.comReactThe component model most of this list assumesreact.devRemixWeb-standards routing and data loadingremix.runSolidJSFine-grained reactivity, no virtual DOMsolidjs.comSvelteKitCompiler-first framework with tiny outputkit.svelte.devTanStack QueryServer state, caching, and revalidationtanstack.comTauriDesktop apps with a web frontend and Rust coretauri.appViteDev server and bundler that stays fastvite.dev
Backend & Data
Databases, auth, and the boring critical parts15Better AuthFramework-agnostic auth you host yourselfbetter-auth.comBetter SQLite3Fast synchronous SQLite bindings for Nodegithub.comClerkDrop-in auth with prebuilt UIclerk.comDrizzle ORMSQL-shaped TypeScript ORM with no magicorm.drizzle.teamHonoTiny web framework that runs on every runtimehono.devNeonServerless Postgres with database branchingneon.comPlanetScaleMySQL platform built for safe schema changesplanetscale.comPrismaTyped ORM with migrations and a studioprisma.ioResendTransactional email built for developersresend.comStripePayments, subscriptions, and billingstripe.comSupabasePostgres, auth, storage, and realtimesupabase.comtRPCEnd-to-end typesafe APIs without schemastrpc.ioTursoSQLite at the edge, close to your usersturso.techUpstashServerless Redis and queues priced per requestupstash.comZodSchema validation that infers your typeszod.dev
Deploy & Infra
Getting it onto the internet9Cloudflare WorkersRun code in 300+ citiesworkers.cloudflare.comCoolifySelf-hosted PaaS on your own servercoolify.ioDockerThe container everyone agreed ondocker.comDokployOpen source deployment platform for VPSdokploy.comFly.ioRun containers near your usersfly.ioNetlifyStatic hosting with edge functionsnetlify.comRailwayDeploy services and databases from a reporailway.comRenderManaged web services without the ops teamrender.comVercelThe shortest path from Next.js to productionvercel.com
Developer Utility
Inspect, convert, benchmark, debug12BiomeFormatter and linter in one fast binarybiomejs.devBrunoAPI client that stores collections in gitusebruno.comBundlephobiaSee what a dependency costs before installingbundlephobia.comGhosttyFast native terminal with sane defaultsghostty.orgHoppscotchLightweight browser-based API testinghoppscotch.ioPostmanThe heavyweight API workspacepostman.comRaycastLauncher, clipboard, snippets, and scriptsraycast.comSentryError and performance monitoringsentry.ioTransform.toolsConvert between every data and code formattransform.toolsTypeScript PlaygroundTest types and share reproductionstypescriptlang.orgWarpTerminal with blocks, autocomplete, and agentswarp.devWispr FlowDictate into any app, cleaned up as you gowisprflow.ai
Testing & A11y
Proof that it works for everyone10axe DevToolsAutomated accessibility checks in the browserdeque.comChromaticVisual regression testing for Storybookchromatic.comContrast CheckerThe WCAG contrast reference everyone citeswebaim.orgCypressInteractive end-to-end test runnercypress.ioPageSpeed InsightsCore Web Vitals from lab and field datapagespeed.web.devPlaywrightReliable end-to-end tests across browsersplaywright.devPolypaneBrowser that shows every viewport at oncepolypane.appVitestUnit testing that shares your Vite configvitest.devWAVEVisual accessibility feedback on any pagewave.webaim.orgWebPageTestDeep performance traces from real locationswebpagetest.org
Capture & Video
Recording the work so people see it9CleanShot XScreenshots and annotation done right on Maccleanshot.comDaVinci ResolveProfessional edit, color, and audio suiteblackmagicdesign.comHandbrakeTranscode video to sensible sizeshandbrake.frLoomAsync video messages with instant linksloom.comLosslessCutTrim video without re-encodingmifi.noOBS StudioThe open source standard for capture and streamingobsproject.comOpenCutOpen source video editor in the browseropencut.appScreen StudioScreen recordings with automatic zoom and polishscreen.studioShareXWindows capture with endless automationgetsharex.com
Whiteboard
Thinking in boxes and arrows6ExcalidrawHand-drawn diagrams that stay legibleexcalidraw.comFigJamWorkshops next door to your design filesfigma.comMermaidDiagrams as text you can keep in gitmermaid.js.orgMiroThe enterprise whiteboard with every templatemiro.comtldrawInfinite canvas with a great SDKtldraw.comWhimsicalFlowcharts, wireframes, and docs in onewhimsical.com
Desktop Utility
Local apps that save you minutes daily10GranolaMeeting notes that write themselvesgranola.aiHammerspoonScript your Mac with Luahammerspoon.orgHomebrewThe package manager macOS forgot to shipbrew.shImageOptimDrag-and-drop image compression for Macimageoptim.comKarabiner-ElementsRemap any key on macOSkarabiner-elements.pqrs.orgLocalSendAirDrop-style transfers across every platformlocalsend.orgMaccyLightweight clipboard historymaccy.appParsecLow-latency remote desktop for real workparsec.appRectangleKeyboard window management for Macrectangleapp.comShottrTiny fast screenshot tool with measuringshottr.cc
Organization
Notes, boards, and second brains8AFFiNEOpen source docs and canvas in one fileaffine.proCronCalendar built for people with too many meetingsnotion.comEagleOrganise thousands of reference images locallyeagle.coolHeightProject tracking with autonomous triageheight.appLinearIssue tracking that respects your attentionlinear.appNotionDocs, databases, and wikis in one workspacenotion.comObsidianLocal markdown notes with a graphobsidian.mdRaindropBookmarks that stay findableraindrop.io
Learning
Docs and references worth bookmarking10CSS-TricksDeep archive of front-end techniquecss-tricks.comInclusive ComponentsAccessible component patterns, explainedinclusive-components.designJosh Comeau's BlogCSS and React explained interactivelyjoshwcomeau.comLaws of UXPsychology principles applied to interfaceslawsofux.comMDN Web DocsThe reference for how the web actually behavesdeveloper.mozilla.orgNielsen Norman GroupResearch-backed usability guidancenngroup.comPatterns.devModern rendering and design patternspatterns.devRefactoring UIPractical visual design rules for developersrefactoringui.comSmashing MagazineLong-form design and front-end writingsmashingmagazine.comweb.devGoogle's guidance on performance and patternsweb.dev