// Library — 25 resources // 9 shelves
Library
The galleries and component libraries I keep open while designing, sorted by the job they do. I pull references from them for each part of a page, then draw my own version.
// 01
Heroes
3 resources
- SupaheroA library of website hero sections. Each entry links through to the live site.supahero.io ↗
- UnsectionReal website sections filed by type: hero, feature, footer, blog and more.unsection.com ↗
- H1 GalleryStartup homepage headlines collected in one place. Useful for copy, not layout.h1gallery.com ↗
// 02
Navbars
1 resource
// 03
Footers
1 resource
// 04
Whole sites
3 resources
- GodlyCurated, cutting-edge websites shown as autoplay video, filterable by type.recent.design ↗
- Lapa NinjaThousands of landing pages with full-page screenshots, with agency and studio categories.lapa.ninja ↗
- MobbinReal app and website screens and flows, searchable by pattern. Needs an account.mobbin.com ↗
// 05
Bento layouts
1 resource
// 06
Components and motion
7 resources
- React BitsAnimated React components and backgrounds. The count-ups on this site started here.reactbits.dev ↗
- Aceternity UIAnimated React and Tailwind components: beams, spotlights, globes, 3D cards.ui.aceternity.com ↗
- UiverseCommunity-made buttons, loaders, inputs and cards in plain CSS or Tailwind.uiverse.io ↗
- ComponentryAnimated React components with editable source, like particle type and a magnetic dock.componentry.dev ↗
- Beautiful UIPrimitives for AI products: thinking states, streaming answers, tool traces.beautifului.dev ↗
- AuraTemplates, components and design files for AI-built sites. Much of it glows, so I pick carefully.aura.build ↗
- GetLayersPrompts for animation-heavy templates, WebGL scenes, gradients and animated backgrounds.getlayers.ai ↗
// 07
Icons
1 resource
// 08
WebGL and 3D
3 resources
// 09
Tools and learning
5 resources
- ArtkitBrowser tools for image and video effects: halftone, ASCII, dither and BabyTrack blob tracking.artkit.cc ↗
- RecordlyAn open-source screen recorder for demo videos, with auto-zoom and a smooth cursor.recordly.dev ↗
- PaperA design canvas built on web standards that agents can connect to.paper.design ↗
- FuserA node canvas that chains image, video, audio and language models.fuser.studio ↗
- Design+CodeMeng To's courses on UI design, React and prompting for interfaces.designcode.io ↗