Launch
FREE
Discover the best platforms to launch your product. Curated directory of Product Hunt, Peerlist, and 25+ communities where indie makers and startups gain visibility.
Learn & References
Design systems, educational guides, UX checklists, and planning tools for product teams. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable.
Tubik Blog
FREEExplore Tubik Blog for graphic design examples, illustration art styles, UX design keywords, and web design case studies. Embedded in the browser from blog.tubikstudio.com.
Baseline
FREEFree design education on Baseline HQ: editorial design basics, types of logo, grid system layout, HSV colour model, and graphic design movements on baselinehq.com.
Checklist Design
FREEWebsite checklist, web design checklist, and UX checklist for pages, components, and flows. Use checklist.design for signup page reviews, accordion checkbox patterns, toggle components, login page checks, and a complete website design checklist.
Product Design Roadmap
FREEUX roadmap and UI learning path on product-design-roadmap.com: UX research roadmap, strategy, templates, and website design roadmap—
UI Design Tips
FREEPractical UI design tips on uidesign.tips: ui card shadow, clickable cards, perfect header patterns, border radius design, icons with labels, and item selection patterns for better interfaces.
UX Tips
FREEUX tips on uidesign.tips/ux-tips: CTA, pricing, onboarding, social proof—use red for important actions, power of faces, and more.
World Time Buddy
FREEConvert EST to PST, CST to PST, PST to CST, CET to EST, and PDT to UTC with a world clock view. Compare city times and share scheduling links for remote teams.
Paper Sizes
FREEPaper size chart on papersizes.io: envelope sizes, photo sizes, legal and tabloid dimensions, A5 paper, ISO A/B series, and mm or inch conversions.
Design System Hub
FREEExplore a curated collection of popular design systems from Apple, Ant Design, Shopify Polaris, and more. Your resource for UX inspiration, component libraries, and design 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.
Design principles
FREEBrowse digital product design principles, product principles, and org design examples from Airbnb, HubSpot, Mercedes-Benz, and more on principles.design in the browser.
DesignSystems.com
FREEFigma's DesignSystems.com: learn how to create a design system, explore grid systems, spacing, iconography design, and design system examples from Airbnb and more. Open in a new tab if the embed is limited.
Component Gallery
FREEBrowse webpage components and design system examples: carousel, tabs, accordion, dropdown, and color picker UI patterns on component.gallery in the browser.
Design Systems Repo
PAIDBrowse design system tools, documentation, and examples on Design Systems Repo: top design systems, enterprise lists, React systems, and UX design system examples.
Fluent 2 Design System
FREEBrowse Microsoft Fluent 2: cross-platform components, iconography, design tabs, Android patterns, and accessibility guidance on fluent2.microsoft.design in the browser.
About Learn & References
Design systems, educational guides, UX checklists, and planning tools for product teams. This category lists 17 free tools you can open in the browser. Each tool has its own page with a short description and export options where applicable. 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
Common workflows for this category.
Start quickly with learn & references: Open any tool in this category and work directly in your browser without setup or account steps.
Reuse outputs in design workflows: Use generated SVG, image, and text outputs in Figma files, marketing pages, and product UIs.
Keep your workflow focused: Each learn & references tool solves one clear task, so you can move from idea to usable output faster.
Related tool categories
Browse other categories to find complementary tools for your workflow.
SVG Generators
Backgrounds, patterns, shapes, waves, and 3D-style SVG generators for web layouts, illustrations, and design exports.
Icons & Graphics
Icon libraries, illustrations, doodles, and ready-to-use SVG asset collections for product UI.
Font Tools
Font conversion, @font-face helpers, inspection tools, and typography utilities.
Mockups & Device Frames
Device mockups, screenshot framing, and presentation templates.
Color Tools
Color pickers, palettes, contrast checkers, and accessibility.
Image & Conversion
Image tracing, OCR, SVG to PNG, Base64 encoding.
Frequently Asked Questions
Quick answers about this tool—open a question to read more.