Everything is a
prototype

Share your work, join the conversation, connect with creators. Life is a prototype, let's build it together.

News Explorer

Beta

Prototypr News Explorer

July 2024

🧰 Toolbox

New products, daily.

Letter

An AI-assisted newsletter builder for content creators, designers, and developers.

Trending in Toolbox

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Letter

Promoted

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Claude Artifacts

Claude Artifacts is a workspace for viewing and editing AI-generated content alongside conversations.

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Letter.so

Promoted

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Letter

Promoted

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Claude Artifacts

Claude Artifacts is a workspace for viewing and editing AI-generated content alongside conversations.

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Letter.so

Promoted

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Letter

Promoted

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Claude Artifacts

Claude Artifacts is a workspace for viewing and editing AI-generated content alongside conversations.

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Letter.so

Promoted

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Aider

Aider is an Open Source, AI-powered command-line tool that helps you pair program with language models such as Sonnet, Deepseek, OpenAI, and more.

Trae

Trae by ByteDance is an adaptive AI IDE like Cursor that transforms how you work, collaborating with you to run faster.

Doing Design Right

Doing Design Right is a UI/UX course that is focused on practice, since the theory is combined with redesigning a huge application with an outdated UI

Letter

Promoted

Typr Editor

Open source editor for publishers, built with Tiptap.

Feedback Wizard

Feedback Wizard is an AI-Powered Design Assistant for Figma

Claude Artifacts

Claude Artifacts is a workspace for viewing and editing AI-generated content alongside conversations.

daily.dev

daily.dev is the ultimate platform for dev news, tools, and communities. Stay updated, collaborate, and grow together in a professional network for developers.

Owl AI

Owl AI is an AI powered logo generator and AI suite for creators

Uimagine.io

UIimagine generates design and code from your ideas through AI prompts.

Letter.so

Promoted

Motiff

Motiff is an AI-powered professional UI design tool for the AI era.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Shape of AI

Shape of AI is a platform that provides a framework for designers to understand and shape the integration of AI into products.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Shape of AI

Shape of AI is a platform that provides a framework for designers to understand and shape the integration of AI into products.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Shape of AI

Shape of AI is a platform that provides a framework for designers to understand and shape the integration of AI into products.

Figgy

Figgy generates a contributions graph like on GitHub, but for Figma.

Loop

Window management made elegant.

Cult/ui

Cult/ui is an open source library of components crafted for design engineers to copy and paste into their React projects.

Wired Elements

Wired Elements are a collection of sketchy hand-drawn UI elements for React, Svelte, Vue and Vanilla JS.

Fluidmotion

Fluidmotion is a collection of customizable video backgrounds with a video editor.

Shape of AI

Shape of AI is a platform that provides a framework for designers to understand and shape the integration of AI into products.

Latest Posts

Claude

Claude Artifacts: From Conversational AI to App Workspace (a no hype overview)

AI generated apps with Claude Artifacts. This overview explores Artifacts' capabilities in generating web tools, games, and visualizations, comparing it to traditional coding and tools like ChatGPT.

Graeme

Jul 18

Craft the Perfect UX Portfolio with these 2 Free HTML Templates

Joseph

Jul 01

Craft the Perfect UX Portfolio with these 2 Free HTML Templates

Code

Get hand-picked stories
every week

Join 25,000+ creatives who enjoy a regular dose of inspiration and motivation, delivered to your inbox every week.

AI

Claude Code hype: the terminal is the new chatbox

Claude Code, agentic workflows, and the return of the terminal. How AI is turning the CLI into a chat box and reshaping how we build software.

Graeme

Jan 03

CodePen? AI Editors are like Pens for Code

Graeme

Jan 25

CodePen? AI Editors are like Pens for Code

Cursor AI: Crafting Prompts and Instructions to Build Full Stack Apps

Graeme

Sep 06

What's Cursor Composer? How to Build Full Apps with AI

Graeme

Aug 27

Claude Artifacts: From Conversational AI to App Workspace (a no hype overview)

Graeme

Jul 18

Devin AI shocks Upwork developers - X reacts

Rob

Mar 12

AI Tools

AI Contributors

Graeme Fulton

Making Prototypr and Letter.so

Rob Díaz

Web designer

Ditte Hvas Mortensen

Member

Seungmee Lee

Member

Get Prototypr Pro

Get access to all of Prototypr's features and tools.

List a product

List your tool in the Prototypr Toolbox and claim your page.

Accessibility

Accessibility

Typography

How to use huge type on the web

Last week’s post looked at websites that dared to use huge type and did it well. With this week’s post I’ll explore what it is that works well about the...

Matej

Nov 24

Twitter reminds us about Alt Text, but how good are we at it?

Slava

Oct 31

Twitter reminds us about Alt Text, but how good are we at it?

UX Design

Designing Better Hyperlinks: A Detailed Guide

Slava

Sep 26

Touch-First Cursor: Round Pointers vs. Mouse Arrows

Graeme

Jun 19

Irrelevant Search: How Results are Ruined by Paywalls

Rob

Jun 03

Accessibility: The Biggest Scam in UX

Dot

May 25

Accessibility Tools

Neurodiversity Design System

Accessibility

Get

Venngage's Accessible Color Palette

Accessibility Contributors

Matej Latin

Member

Slava Shestopalov 🇺🇦

Member

Graeme Fulton

Making Prototypr and Letter.so

Rob Díaz

Web designer

Get hand-picked stories
every week

Join 25,000+ creatives who enjoy a regular dose of inspiration and motivation, delivered to your inbox every week.

Branding

Web Design

Why Everything Looks the Same

Do you ever get the feeling that everything around you looks the same? How economic globalization, generational transition, and...

Ryan

Nov 14

Matej

Nov 14

Typography

Interactive Design

Seungmee

Oct 27

Create a Design System — Values & Goals

Biagio

Oct 09

Web

Web5 is here. Goodbye Web3? TBD.

Rob

Jun 10

Interactive Design

Collaboration Tools and the Invasion of Live Cursors

Graeme

Jun 08

Branding Tools

Branding Contributors

Member

Member

Member

Member

Psychology

design psychology

Conversational AI: The AI Companion Who Doesn’t Care

When Microsoft launched their conversational AI, Bing, it quickly became clear that it was capable of what seems like human behavior -it revealed itself to have a secret identity named “Sydney”, proclaimed love for a

Ditte

Mar 13

Behavioural Design 101: Psychology mechanisms in persuasive design

Naima

Oct 18

Behavioural Design 101: Psychology mechanisms in persuasive design

design psychology

The Web Can Be More Social—and it Should Happen Soon

Charlie

Oct 05

design psychology

Instagram's Immersive Feed is a Pig Trough

Rob

Jun 29

design psychology

Discovery Search: When Recommendations Ruin the Search Bar

Graeme

Jun 13

Interactive Design

Collaboration Tools and the Invasion of Live Cursors

Graeme

Jun 08

Psychology Tools

Psychology Contributors

Member

Member

Member

Web designer

Product Design

How to set the right goals as a product maker?

Product Management

Productivity

How to set the right goals as a product maker?

Note: This article is part of my toolkit newsletters 🚀 where I share resources about building things. Join me :) As a product builder, I build things full-time...