Design a web interface

Sketch a flow, design the interface and choose real components and visual assets for the build.

A role for every tool

1. Excalidraw

   Sketch the structure and user flow before polishing the interface.

   Official site ↗
2. Penpot

   Create layouts and interface designs collaboratively.

   Official site ↗
3. React Bits

   Choose React interactions; check the component's license before reuse.

   Official site ↗
4. Isocons

   Find icons with a consistent visual treatment.

   Official site ↗
5. Shader Gradient

   Explore a background treatment when it supports the design.

   Official site ↗

Check each tool’s platform requirements, license and plan before installing. Saving this kit keeps its tools in this browser; it does not install them.