A clean SaaS Hero Section
Built with Next.js + Tailwind + Framer Motion
Focused on:
• Bold, trust-building hero section with live stats
• Dual CTA for high-intent + exploratory users
• Embedded dashboard mockup to show real product feel
Simple UI. Real product feel.
#Hero
Today’s drop ✨
A Clean Auth UI for a Hotel Booking App 🏨
Built with Next.js + Tailwind + Motion
Focused on:
• Calm, trust-first design (earthy tones)
• Social auth for frictionless entry
• Real testimonial for credibility
Simple UI. Real product feel.
#login#screen#UI
✨ Today’s build ✨
A Cinematic 🎥 Hero Section 🖼️
• Hand Using Dotted particles
• Floating Purple Shade Flower
• Micro-interactions everywhere
🌟 Next.js + Tailwind + Motion 🌟
This is what modern SaaS should feel like.
#BuildInPublic#HeroSection
you can create a CSS only carousel with CSS `𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙`
.𝚜𝚌𝚛𝚘𝚕𝚕𝚎𝚛 {
𝚘𝚟𝚎𝚛𝚏𝚕𝚘𝚠-𝚡: 𝚊𝚞𝚝𝚘;
𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚝𝚢𝚙𝚎: 𝚡 𝚖𝚊𝚗𝚍𝚊𝚝𝚘𝚛𝚢;
𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚊𝚍𝚍𝚒𝚗𝚐-𝚒𝚗𝚕𝚒𝚗𝚎: 𝟷.𝟻𝚛𝚎𝚖; /* 𝚖𝚊𝚝𝚌𝚑𝚎𝚜 𝚢𝚘𝚞𝚛 𝚜𝚌𝚛𝚘𝚕𝚕-𝚙𝚕/𝚙𝚛 */
}
.𝚌𝚊𝚛𝚍 {
𝚜𝚌𝚛𝚘𝚕𝚕-𝚜𝚗𝚊𝚙-𝚊𝚕𝚒𝚐𝚗: 𝚌𝚎𝚗𝚝𝚎𝚛;
𝚏𝚕𝚎𝚡-𝚜𝚑𝚛𝚒𝚗𝚔: 𝟶;
}
When you scroll, it snaps exactly in the center of the card
Super fun to use, easy to implement, no javascript required
Not a landing page.
Not a dashboard.
💻 Just a Login Screen.
✨Feels clean and minimal
🪄 Next.js + Tailwind CSS + Motion
Thoughts? 👇
#BuildInPublic#loginscreen#opentowork
You don’t need to build apps anymore ✨
Just describe them.
🚀 Next.js + Tailwind + Motion
This hero explores the idea → input → launch flow
where AI handles design + code for you.
Ideate → Visualize with AI → Tweak accordingly
Would you use this?
#BuildInPublic#Hero
Built a hero section that does the talking🗣️.
Animated Arrow background · Dual CTA · Smooth gradients
Built with Next.js · Tailwind CSS · Motion
[ Hero Section in Blue White Gradient ]
→ https://t.co/DfF9hSdq3W
👨💻 https://t.co/WedB6OPiZI
#BuildInPublic#OpenToWork#Hero
✨ Built a clean & interactive Feature Section with 6 equal cards — each one comes alive on hover.
⚡ Tech Stack: Next.js + Tailwind + Motion
🔗 Live Preview: https://t.co/MTTLgRb8BX
🌐 Portfolio: https://t.co/6dCBjafxQF (Open to work👨💻)
#Feature#BuildInPublic#OpenToWork
Your SaaS landing page is losing signups before anyone reads a word.
A dashboard that shows the product before they even scroll.
Built with Next.js · Tailwind CSS · Motion
→ https://t.co/MTTLgRb8BX
Portfolio: https://t.co/6dCBjafxQF
#BuildInPublic#OpenToWork#Hero#Section