👋Become a member and get access to resources
Photoshop
Sketch
Free

Web App Design System

This is a design system for designing web applications. It contains a vast collection of UI components that are commonly used in web apps. Use the design system as it is, or use it as a starting point for creating and presenting your own unique design system for yourself or your clients.

Download for Photoshop
Download for Sketch

Highlights

Large collection of most commonly used web app components
Easy-to-use Sketch Symbols for quick prototyping

Compatibility

CC15+
Latest Version

How do I use this?

Photoshop Instructions

Open the file in Photoshop. Build your web app interface by copying cards, modals, layers, shadows, text, controls and buttons to your own document. You can also start designing directly in this file, using the included artboards.