Get the Brochure
Curated Resource Library

Resources

Curated tools, platforms, and inspiration for designers, developers, and students building stronger portfolios.

17 visible
All

Directory-style curation inside the Portfolio Builders palette, with a stronger sidebar-and-cards layout.

Featured Resource

Start with the highest-signal picks

Featured resourcedevresourc.es

DevResources

A broad directory of developer tools, docs, APIs, and learning references that is useful when you need one hub instead of scattered bookmarks.

Featured Developer ResourceUseful when you move from idea into actual implementation.
Explore
Featured Portfolio Resourcedesignxstream.com

DesignXstream

Best for case study references, visual hierarchy, and portfolio storytelling.

Open
Design Workflowfigma.com

Figma

Case-study layouts, presentation assets, and interface explorations.

Open
Interactive Learning

Learning Games

Play interactive games to improve coding, UI, and UX skills in a fun way.

8 visible8 total games
Coding Game

Flexbox Froggy

Learn CSS Flexbox by guiding frogs to the correct lily pads.

Play Now
Coding Game

CSS Diner

Practice CSS selectors through a fun interactive food-themed game.

Play Now
Coding Game

CodeCombat

Learn programming by solving game-based coding challenges.

Play Now
Coding Game

CodinGame

Improve problem-solving with coding puzzles and programming challenges.

Play Now
UI/UX Game

Can't Unsee

Train your UI eye by choosing the better and more correct interface design.

Play Now
UI/UX Game

The Bezier Game

Practice pen tool and curve control skills used in design tools.

Play Now
UI/UX Game

Pixactly

Test your sense of spacing and dimensions by guessing exact pixel sizes.

Play Now
UI/UX Game

Color

Improve visual design sense by practicing color matching and harmony.

Play Now
Visual reference library

UI/UX Design

Curated places to study flows, interaction patterns, and polished case-study presentation.

Portfolio Inspirationdesignxstream.com

DesignXstream

Portfolio references for UI/UX and product designers, especially useful for structuring student case studies.

Great for understanding how strong portfolio narratives are framed.

Visit Resource
Design Inspirationdribbble.com

Dribbble

A strong source for polished visual inspiration, landing pages, interactions, and presentation styles.

Useful when you want visual direction, composition, and UI style cues.

Visit Resource
Case Study Archivebehance.net

Behance

Useful when you want full project breakdowns instead of isolated shots, with broad creative industry coverage.

Best for project walkthroughs and multi-screen creative presentations.

Visit Resource
Product Patternsmobbin.com

Mobbin

A practical reference library for real product screens and app flows across mobile and web products.

Ideal for real-world flows, app screens, and interaction benchmarking.

Visit Resource
Build and ship faster

Development

Reliable hubs for docs, troubleshooting, shipping, and day-to-day frontend development workflows.

Resource Directorydevresourc.es

DevResources

A curated gateway for tools, snippets, APIs, color systems, icons, and learning material for developers.

A broad launchpad for tools, snippets, APIs, and frontend references.

Visit Resource
Documentationdeveloper.mozilla.org

MDN Web Docs

The reference library for HTML, CSS, JavaScript, and browser APIs when implementation details matter.

Reliable browser docs when the exact API or CSS behavior matters.

Visit Resource
Developer Q&Astackoverflow.com

Stack Overflow

A useful archive for debugging edge cases, comparing approaches, and seeing how others solved similar issues.

Helpful for edge-case debugging and comparing implementation paths.

Visit Resource
Polish your online presence

Portfolio

Core tools for designing, deploying, and maintaining a portfolio that is easy to share.

Design Workflowfigma.com

Figma

Use it to design case study layouts, UI explorations, thumbnails, and portfolio presentation assets.

Case-study layouts, presentation assets, and interface explorations.

Visit Resource
Deploymentnetlify.com

Netlify

Deploy static portfolio sites with preview builds, easy hosting, and a simple path from repo to live URL.

Preview links, static hosting, and simple deployment pipelines.

Visit Resource
Frontend Hostingvercel.com

Vercel

A strong option for modern frontend portfolios, especially when working with React and Next.js projects.

Modern deployment for React and Next.js portfolio sites.

Visit Resource
Static Hostingpages.github.com

GitHub Pages

A straightforward way to host simple portfolios or documentation-style personal sites directly from a repository.

Good for lightweight portfolio hosting and documentation-style sites.

Visit Resource
Operate with less friction

Startup

Lightweight tools for planning, content production, and keeping early-stage work organized.

Workspacenotion.so

Notion

A flexible workspace for roadmaps, operating docs, research notes, and startup knowledge management.

Roadmaps, operating docs, notes, and internal team systems.

Visit Resource
Creative Toolcanva.com

Canva

Fast design support for decks, social creatives, and launch assets when you need speed over complexity.

Fast marketing assets, decks, and social creatives.

Visit Resource
Project Trackingtrello.com

Trello

A simple kanban workflow for managing launches, content pipelines, task tracking, and small team coordination.

Simple launch planning, task boards, and content pipelines.

Visit Resource