Steal These $10,000 AWWWARDS Components (FREE) — React, Next.js, GSAP
You're about to get 20+ premium UI components that would cost thousands on Awwwards-style sites — completely FREE.
DiMAAC :
https://dimaac.com/
UI DiMAAC :
https://ui.dimaac.com/
Youtube Videos In Order:
• Tried Recreating This Cool Pinterest Design!
• 😍 Sleek Advanced GSAP Animation Tutorial !
• This improved my PORTFOLIO! AWWWARDS level...
• Easy GSAP Scrolling Mask Animation✨
• AWWWARDS Style Section Showcase | GSAP & S...
• AWWWARDS Scrolltrigger Showcase Tutorial! 😍
• Awwwards Flowing Images in 3D Using GSAP &...
• Awwwards-Winning 3D Reveal Animation | GS...
• Every Developer Needs to Know This Scroll ...
• This Will Change Your Portfolio Forever! G...
LOADERS
• Text Loader — Animated text loader with gradient reveals and smooth transitions
REVEALS
• Liquid Image Reveal — Organic fluid reveal effect using SVG filters and GSAP
• Text Scramble Reveal — Interactive text that scrambles on mouse proximity
• Text Block Effect — NEW ✨ Scroll-triggered line reveal with colored block sweeps
CARDS
• Mouse Tilt Card — 3D tilt cards with glare effects that respond to mouse movement
• Post Swiper — Unified swipeable component for social media cards
• Swipeable Cards — Touch-friendly card stack with smooth swipe gestures
• Instagram Card — Instagram-style post with profile, verified badge, likes
• Twitter Card — Twitter/X post with interactive elements and authentic styling
• Facebook Card — Facebook post with profile, content, like/comment/share
• Perspective Card Stack — NEW ✨ 3D card stack that fans out on hover
• Stacked Card Slider — NEW ✨ Click to cycle through stacked cards with GSAP Flip
GALLERY & MEDIA
• Image Gallery — Interactive circular gallery with drag-to-spin
• Scrolling Gallery — Smooth scrolling gallery with parallax effects
• Expandable Panel — Interactive panels that expand on click
INTERACTIVE
• Mouse Trail — Dynamic image trail that follows your mouse cursor
• Context Menu — Right-click context menus with GSAP animations
• Project Hover Section — NEW ✨ Project list with hover-to-reveal floating thumbnails
• Mask Reveal on Hover — NEW ✨ Circular mask follows cursor to reveal content
SCROLL ANIMATIONS
• Pin Rotate Sections — NEW ✨ Full-page scroll: pinned sections scale & rotate in 3D
• Proof Of Work — NEW ✨ Grid of works with scroll-triggered rotation & stagger
• Images Flow — NEW ✨ Pinned section: images flow from center into 3D spread
• Section 3D — NEW ✨ Pinned cards fade, lift, tilt back as you scroll
• Flow Art — NEW ✨ Colorful sections pin with containers rotating in from 30°
Stack: React 19 • Next.js 15 • GSAP • Framer Motion • Lenis • Tailwind
It is not perfect yet, has bugs, can get messy, will be improving it overtime, if you find any issues, do reach out to me.
Looking forward to your feedbacks.
Drop a comment with what you'll build first 🚀
Peace!
#React #NextJS #GSAP #WebDevelopment #Awwwards #OpenSource #Tailwind #ComponentLibrary