
CURATED COLLECTION · 14 REFERENCES
Fresh perspectives · Design resources
A collection of design references, with notes and links to the originals.
Bring this board into your next build.
Copy the reference notes below and paste them into Claude, ChatGPT, or your coding assistant. Add what you want to build.
Includes design notes, source websites, and screenshot links. An assistant that supports browsing can also read the public board link.
For developers

Design notes
An icon family with multiple weights for interfaces, diagrams and presentations.
Useful for: Compare weights and choose consistent icons for navigation, actions and status.

Design notes
A searchable collection of outline icons with download options and usage examples.
Useful for: Find a consistent outline icon language for dashboards and product interfaces.

Design notes
A React component collection focused on animated text, backgrounds and visual interactions.
Useful for: Explore motion treatments and interactive component examples for a product or portfolio.

Design notes
A component catalog built on Base UI, with compact previews of common interface primitives.
Useful for: Study consistent form controls, dialogs, navigation and input patterns.

Design notes
A library of composed shadcn/ui components presented with interface previews and documentation links.
Useful for: Explore larger interface building blocks beyond individual buttons and inputs.

Design notes
A publication of creative web experiments, implementation tutorials and studio case studies.
Useful for: Find detailed references for interactive typography, WebGL and image effects.

Design notes
Curated color palettes applied to a complete example page, with swatches alongside the design.
Useful for: Judge a palette in context across backgrounds, headings, text and primary actions.

Design notes
An independent type foundry catalog with large specimens and expressive display typefaces.
Useful for: Find distinctive display typography and compare letterforms at a useful scale.

Design notes
An illustrated typography learning hub covering type selection, font technology and text design.
Useful for: Build a stronger basis for font pairing, variable fonts and readable interface typography.

Design notes
A visual catalog of illustration packs, icons and animated artwork.
Useful for: Explore coherent illustration styles for onboarding, empty states and landing pages.

Design notes
An illustration library organized by visual style, with search and category controls.
Useful for: Choose a consistent illustration family and browse assets for product storytelling.

Design notes
Vercel’s design-system reference brings brand assets, components, colors and typography into one documentation shell.
Useful for: Study how a restrained product system documents its foundations and interface rules.

Design notes
A JavaScript plotting library introduced through a rich collage of chart examples and documentation links.
Useful for: Explore chart types and implementation examples for analytical interfaces.
