Spense Landing Page

Fiber Landing Page 

Gradie Sign Up Page

Newsletter Popup Template

Meeet Waitlist Template

Javascript30 Navbar

If you pay the $8 monthly, you get the figma files. This file is kind of like photoshop where you can extract images (i.e. the 6th avatar). You can also find the width and height of things, the line height etc. You can use the ruler tool to to measure distances. 

Alternatively, you can also snippet tool the extract and save it as an image and import it into your html, give it a class and change the width and height to replicate it to the best of your ability.

Fiber 

Spense using bootstrap

{"ops":[{"insert":"i only get 5 avatars :(\n"}]}

not perfect

a bit tricky for me

Gradie | Vite + Tailwind

NavBar responsivo 

{"ops":[{"insert":"A great challenge! \n"}]}