Launch
FREE
Curated launch directories, post channels, and GitHub lists—with pricing, badge rules, review wait times, and SEO/backlink notes for free listing paths.
Learn & References
Find UI/UX tools, design-system references, and curriculum-style guides for product designers. This category lists 18 learn and reference resources—compare UX checklists, interface design software picks, and planning frameworks when onboarding teammates or auditing workflow gaps.
Tubik Blog
FREEGraphic design examples, illustration styles, UX keywords, and web design case studies from Tubik Blog in the browser.
Baseline HQ
FREEBaseline HQ design education: editorial design, types of logo, grid systems, HSV colour model, and graphic design movements in the browser.
Checklist Design
FREEWebsite, web design, and UX checklists for pages, components, and flows—signup, login, accordion, toggle, and full site reviews in the browser.
Product Design Roadmap
FREEUX roadmap and UI learning path: UX research roadmap, strategy, templates, and website design roadmap for study planning in the browser.
UI Design Tips
FREEUI design tips: card shadow, clickable cards, header patterns, border radius, icons with labels, and selection patterns for better interfaces.
UX Tips
FREEUX tips for CTA, pricing, onboarding, and social proof—use red for important actions, power of faces, and more product UX patterns in the browser.
Paper Sizes
FREEPaper size chart: envelope sizes, photo sizes, legal and tabloid dimensions, A5 paper, ISO A/B series, and mm or inch conversions in the browser.
Design System Hub
FREECurated design systems from Apple, Ant Design, Shopify Polaris, and more—UX inspiration, component libraries, and best practices.
Big Timer
FREEFree fullscreen countdown timer for presentations, workshops, and meetings. Set minutes and seconds, toggle repeat, and run a large on-screen clock in your browser.
Design Prompts
FREEBrowse 30 design styles and copy AI-ready prompts for landing pages, SaaS UI, and graphic design workflows. Filter light/dark modes and typography.
AI Prompts
FREEBrowse curated Design and Image Generation prompts. Copy or run them in ChatGPT, Claude, Cursor, and more with one click.
IP as Logo
FREEPaste a website address and get six ready-to-use image prompts for a cute mascot logo character. Three character directions, two corner variants each, and three locked colors per prompt.
Principles
FREEProduct design principles and org examples from Airbnb, HubSpot, Mercedes-Benz, and more—browse real-world decision language in the browser.
Design Systems
FREEFigma’s design systems publication: create a design system, grid systems, spacing, iconography, and examples from Airbnb and more in the browser.
Component Gallery
FREEBrowse webpage components and design system examples: carousel, tabs, accordion, dropdown, and color picker UI patterns in the browser.
Design Systems Repo
PAIDDesign Systems Repo: tools, docs, and examples—top design systems, enterprise lists, React systems, and UX design system samples.
Fluent 2
FREEMicrosoft Fluent 2: cross-platform components, iconography, Android patterns, and accessibility guidance in the browser.
Looking for external products and SaaS platforms? Browse curated products.
About Learn & References
Find UI/UX tools, design-system references, and curriculum-style guides for product designers. This category lists 18 learn and reference resources—compare UX checklists, interface design software picks, and planning frameworks when onboarding teammates or auditing workflow gaps. You can explore each tool page to understand the use case, output format, and how to reuse results in design and frontend projects.
How teams use Learn & References
Workflows for UI/UX tooling, checklists, and team onboarding.
Onboard designers to your stack
Share vetted UX tool lists and design-system docs so new hires know where to find components, research methods, and critique frameworks.
Audit workflow before a redesign
Walk accessibility, content, and research checklists alongside live product screens to prioritize fixes before visual exploration.
Pair references with hands-on tools
Study typography or color theory guides here, then apply picks in Font Tools and Color Tools categories on the same site.
Related tool categories
Browse other categories to find complementary tools for your workflow.
Inspiration
Web design inspiration websites, UI galleries, and layout references for landing pages and interface craft.
Programming
CSS animation references, easing editors, grid generators, SVG coding guides, and Unicode tools for front-end work.
Font Tools
Font conversion, @font-face helpers, inspection utilities, and typography tools for web and print.
Design Games
Interactive browser games for color, typography, layout skills, and visual thinking practice.
SVG Generators
Free SVG generators for gradients, patterns, waves, noise, and backgrounds—browser tools for web layouts and design exports.
Icons & Graphics
Icon libraries, iconography sets, open-source illustrations, and SVG asset collections for product UI and marketing.
Frequently Asked Questions
Quick answers about this tool—open a question to read more.