https://bit.ly/4bTD5zu ? Design & code like me. Use "UI2024" for 25% Off!
- 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.
0:00 - Intro
0:26 - Installing ShadCN MCP Server
2:27 - Installing a Next.js Project
3:26 - Integrating ShadCN
4:44 - TweakCN
6:14 - Cursor Layout Prompt 1
8:15 - More Sections
9:30 - Unicorn Studio
14:18 - Custom Testimonial Section
15:40 - GSAP Animations
20:29 - Final Result
Let's rock!
#cursor #mcp #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!