Skip to content

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

Notifications You must be signed in to change notification settings

jussivirtanen/full-stack-ui

Repository files navigation

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