Full Stack UI
by @jussivirtanenLearn to build
user interfaces
A compact video course to build components with HTML, CSS and JavaScript.
7+ hours of video content
Plain HTML/CSS/JS
Starter and Complete files
Instant, free access
- +
Lesson number #1 Intro and setup
Duration: 6:04In this introduction lesson we get up and running with the tools we're going to use.
View lesson → - +Abc+
Lesson number #2 Design System
Duration: 30:51Now we're ready to roll up our sleeves and start to build the foundation we'll use in all the components.
View lesson → Lesson number #3 Content loading placeholder
Duration: 1:25:14A sleek placeholder before actual content is available.
View lesson →- Save
Lesson number #4 Save button
Duration: 34:14A simple button with a nice loading state and a bouncing animation.
View lesson → - AdultPeople over 18 years old.-0+
Lesson number #5 Amount chooser
Duration: 1:04:56Increment and decrement functionality familiar from flight booking services.
View lesson → - Hey there!You have three new messages.CloseHey there!Call awaits.CloseHey there!A new email has arrived.Close
Lesson number #6 Notifications
Duration: 59:26Want to notify your users? Here's one way to do it elegantly.
View lesson → - How was your day?
- 😭
- 😕
- 🙂
- 😍
Lesson number #7 Feedback
Duration: 1:00:18Spice up your rating experience with these sleek feedback buttons.
View lesson → - Hey, how are you doing?I was thinking you one day!Hah, that's great to hear. All good here, how about you?Hey what if we grabbed a coffee?Sounds good!At the corner place? I remember you liked it, didn't you?
Lesson number #8 Chat
Duration: 1:33:58A snappy chat component with smooth transitions and interactivity.
View lesson → - 👋🏻
Lesson number #9 Goodbye
Duration: 0:40Every journey has an end. Thank you for joining me on this one.
View lesson →
About the author
Hi, I'm Jussi Virtanen, a design engineer. I wrote my first lines of HTML when I was ten years old. Since then, I've experimented with different areas of design, such as drawing, 3D modeling, graphic design, photography and building UIs. Through these experiments, I've become a generalist with a holistic approach to design.
Made in the evenings in Espoo, Finland.