Plasmic example walkthrough: Vercel Workflow landing page

This is a runthrough of how we can quickly rebuild the (beautiful) Vercel Workflow landing page in Plasmic!

Links to the project and code repo:   / 1506674542109896705  

Part 2:    • Register a React component in Plasmic that...  

We'll release a future video showing how we can add a simple code component to achieve the background starfield WebGL effect!

Original landing page at https://vercel.com/workflow

0:00 Original landing page
1:41 Set up colors and typography
3:40 Add hero
5:16 Add first grid section
10:57 Add section number
15:29 Add second grid section
18:30 Add third grid section
20:44 Add timeline section
24:51 Add ending section and CTA
27:24 Add fixed navbar
30:27 Style mobile typography
30:53 Add reveal animations
33:26 Make image rotate with custom CSS animation