web app development &
design resources
AI-picked resources for developers and
designers. Save time. Do more.
Ship better products.
We use cookies to improve your browsing experience, analyze our site traffic, and serve ads through Google AdSense and other third-party advertisers. Advertising cookies are only used if you allow Marketing cookies.
AI-picked resources for developers and
designers. Save time. Do more.
Ship better products.
unbash is a fast, zero-dependency bash parser written in TypeScript that produces a typed AST with tolerant, non-throwing error handling, useful for tooling that needs to analyze or lint shell scripts.
key-amnesia lets AI coding agents use your passwords and API keys without ever seeing the values, injecting secrets into child processes and censoring them from command output before the agent can read it.
CSS Studio is a local, in-browser visual editor that lets you tweak colors, layout, typography, and animations directly on your live site while an AI coding agent writes the matching changes to your real source files.
celld is an open-source, self-hosted daemon from Deno's creator that runs Cloudflare-style Workers and Durable Objects on your own infrastructure, using per-object SQLite and S3-compatible storage instead of a control plane.
SolidStart is the official full-stack framework for SolidJS, built on Vite 8 and Nitro with built-in auth, middleware, and websocket support. SolidStart 2 brings modern tooling and deploy targets like Netlify and Cloudflare.
dbdiagram.io lets you design database schemas by writing a simple DSL (DBML) and instantly see the entity-relationship diagram. It can import from or export to SQL for Postgres, MySQL, and other databases.
Mermaid lets you generate flowcharts, sequence diagrams, Gantt charts, and more from simple Markdown-inspired text syntax. It's widely supported in docs tools, GitHub, and note-taking apps, so diagrams stay easy to version and update.
Bumblebee is Perplexity's open-source, read-only scanner that checks npm, PyPI, MCP configs, and editor/browser extensions on developer machines for known supply-chain compromises. It's a zero-dependency Go tool that never executes install scripts, making it safe for routine audits or incident response.
Superdesign is an AI product design agent that generates UI mockups, components, and full design systems from a prompt on an infinite canvas. It also plugs into coding agents like Claude Code and Cursor so AI-generated UI looks considered instead of generic.
tldraw is an open-source SDK for building infinite canvas and whiteboard apps in React, with real-time collaboration and custom shapes built in. It powers whiteboard features in products like ClickUp and Padlet.
A gallery of beautiful websites and landing pages, useful as a reference for web design production. Check the latest trends.
A gallery site and link collection for web designers featuring high-quality web designs. Thumbnails show animations so you can quickly find the style you're looking for. Country-based search is also available.
A gallery and curated link collection of outstanding Japanese web design and websites, useful as a reference for web development.
A web design gallery featuring high-quality websites. Introduces the latest UI/UX trends in corporate, recruitment, and service sites.
Distributes vintage and retro illustration resources for commercial use — suitable for blogs, games, book illustrations, and more. Illustration tutorials are also available.
Magnific is a creative resource platform that combines AI-powered design tools with millions of high-quality stock assets to help creators bring ideas to life faster.
Affectionately known as 'Mu-org,' a web design award featuring only websites with outstanding, professionally endorsed design — updated daily.
🎨 Curated collection of 95 free beautiful CSS box-shadow, ready-to-use for your next projects. Click to copy.
Download free, best graphic design resource & creative assets: fonts, mockups, textures, templates, and Photoshop add-ons.
A curated collection of employee portrait photos from company websites and staff introduction pages. Bookmarking recommended as it is updated regularly.
A curated collection of functional and beautiful websites from Japan and worldwide that inspire designers, engineers, directors, and other creatives. Organized by industry, tone, and technique.
Find Top Designers & Creative Professionals on Dribbble. We are where designers gain inspiration, feedback, community, and jobs. Your best resource to discover and connect with designers worldwide.
A web accessibility evaluation tool from WebAIM. Enter any URL and it overlays icons directly on the page to flag accessibility and WCAG issues like low contrast, missing alt text, and structural errors.
Download thousands of free fonts for commercial use. Explore modern, handwritten, script, display, and decorative fonts at Urban Fonts.
Deno is a modern, secure JavaScript and TypeScript runtime with built-in tooling, native TypeScript support, and a standard library — no package.json needed.
A collection of stylish, responsive web designs optimized for PC, tablet, and smartphone, featuring both domestic and international examples.
CodePen is an online social development environment and code editor for front-end developers.
With naturally fluid animations you will elevate your UI & interactions. Bringing your apps to life has never been simpler.
A site collecting partial UI designs by section — main visuals, CTAs, footers, and more. Mainly features SaaS, corporate, and BtoB websites and landing pages. Useful as a reference for layout, copy, and design.
Awwwards is a professional web design and development competition that recognizes exceptional digital projects.
A photography community and marketplace where photographers showcase, discover, and license high-quality images. Useful for visual inspiration and for sourcing premium, professionally shot photos.
Over 5000 high-quality web and vector icons in 77 Icon Sets, and more than 1700 vector graphics for designers and developers.
A website link collection focused on the technologies used. Useful for trend research, tech selection, web design, coding, and development reference.
CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
A long-running awards platform that spotlights cutting-edge, experimental digital and web design. A good place to see boundary-pushing interaction, animation, and WebGL work that signals where the craft is heading.
TypeScript ORM that's lightweight and powerful. Build type-safe database layers with zero dependencies.
A curated collection of high-quality smartphone web designs. Lower page designs are viewable, and easy comparison with PC layouts makes it a handy reference for mobile optimization.
Cheat sheet to learn Tailwind CSS quickly. Browse and search all Tailwind utility classes or CSS properties on one page.