designcourse 1 dag geleden
DesignCourse #Web Development

DesignCourse | Pro Level ShadCN and Cursor Landing Page in 20 Minutes

Today, I'm showing you how to utilize ShadCN, TweakCN, Unicorn.Studio, and GSAP (GreenSock Animation Platform) to create a next-level landing page. Go beyond the boring looks of AI-generated layouts with ShadCN, and learn how to really customize the look and feel with other tooling.

https://tweakcn.com

https://www.unicorn.studio


00:00 - Intro

00:26 - Installing ShadCN MCP Server

02:27 - Installing a Next.js Project

03:26 - Integrating ShadCN

04:44 - TweakCN

06:14 - Cursor Layout Prompt 1

08:15 - More Sections

09:30 - Unicorn Studio

14:18 - Custom Testimonial Section

15:40 - GSAP Animations

20:29 - Final Result


DesignCourse
designcourse