Skip to content

jussivirtanen/full-stack-ui

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
 
 

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