Skip to content

jussivirtanen/full-stack-ui

master
Switch branches/tags
Code

Full Stack User Interface course

Welcome! In this repository you'll find the starter files as well as the complete components we'll build during the course. To join the course, visit the course website.

The course consists of six (6) individual video lessons teaching you how to build UI components:

  1. Content loading placeholder (Codepen)
  2. Save button (Codepen)
  3. Plus and minus buttons (Codepen)
  4. Notifications (Codepen)
  5. Feedback (Codepen)
  6. Chat (Codepen)

To keep everything consistent, we build a small design system as we go. The system consists of:

  • Colors (To build color palettes we use a tool called Scale by Hayk.)
  • Spacings
  • Font sizes
  • Radii
  • Borders
  • Shadows
  • Transitions
  • Opacities

Join at the course website and enjoy learning! If you have any questions, you'll find me on Twitter.

About

A free online course to learn how to build user interface components. Site at https://fullstackui.com.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published