A demo app showing how to create Apple-like 3D scroll animations with Next.js 15, React Three Fiber and GSAP.
☆25Nov 26, 2024Updated last year
Alternatives and similar repositories for nextjs-3d-scroll-animations
Users that are interested in nextjs-3d-scroll-animations are comparing it to the libraries listed below. We may earn a commission when you buy through links labeled 'Ad' on this page.
Sorting:
- WebGLスクール課題07☆16Aug 20, 2023Updated 3 years ago
- A demo of morphing shapes, using signed distance functions within a shader.☆13Jun 21, 2023Updated 3 years ago
- 3D portfolio build with Next.js for handling the user interface, Three.js for rendering 3D elements, Framer motion for beautiful animatio…☆22Apr 27, 2025Updated last year
- 🚀 Challenge by Benjamin Code☆14Dec 28, 2024Updated last year
- ☆20Feb 23, 2026Updated 8 months ago
- Deploy to Railway using AI coding agents - Free Credits Offer • AdUse Claude Code, Codex, OpenCode, and more. Autonomous software development now has the infrastructure to match with Railway.
- Landing page with awesome 3D animation.☆12Nov 11, 2021Updated 4 years ago
- ☆21May 9, 2025Updated last year
- This is a clone of the Awwwards-winning "capsule.moyra.co," developed to level up my frontend skills. The goal was to reverse-engineer th…☆104Mar 24, 2026Updated 7 months ago
- A drop-in OrbitControls component for React Three Fiber / drei that adds smooth, damped inertial zoom.☆21Sep 26, 2026Updated last month
- Black hole simulation using WebGPU☆61Jan 7, 2026Updated 9 months ago
- A portfolio website built from scratch to showcase my skills in frontend development and UI/UX design. Inspired by the craft-first philos…☆49May 4, 2026Updated 6 months ago
- Miminize HTTP requests using Magipack.js☆10Apr 28, 2015Updated 11 years ago
- ☆27Dec 6, 2022Updated 3 years ago
- Splyt 🍦 Awwwards Website ⭐☆33Feb 13, 2026Updated 8 months ago
- Deploy on Railway without the complexity - Free Credits Offer • AdConnect your repo and Railway handles the rest with instant previews. Quickly provision container image services, databases, and storage volumes.
- Landscaping With Front-end Tools☆10Mar 5, 2015Updated 11 years ago
- Repository containing the expanded version of all three.js shaders.☆15Jul 30, 2021Updated 5 years ago
- A full-stack real-time chat application built with React, Node.js, MongoDB, and Socket.IO. Users can upload profile pictures, edit names …☆16May 29, 2025Updated last year
- A Three.js helper framework and Blender plugin for easy 3d websites☆17Jun 20, 2023Updated 3 years ago
- A pretty cool slider made only using HTML & CSS☆11Nov 9, 2024Updated last year
- A modern, responsive corporate website template built with Next.js and TypeScript. Fully front-end with no backend dependencies. Ideal fo…☆13Feb 1, 2026Updated 9 months ago
- ☆16Jan 28, 2023Updated 3 years ago
- Build a 3D Earth with Smooth Scroll Rotation using Three.js Framer Motion and Next.js.☆13Oct 1, 2023Updated 3 years ago
- WebGPU galaxy shader — Next.js + Three.js TSL (WebGPURenderer)☆38Jun 3, 2026Updated 5 months ago
- Deploy to Railway using AI coding agents - Free Credits Offer • AdUse Claude Code, Codex, OpenCode, and more. Autonomous software development now has the infrastructure to match with Railway.
- This is an example of a Rive file working as a texture in ThreeJS☆17Aug 21, 2024Updated 2 years ago
- Smooth, fluid text morphing for React Native.☆83Oct 6, 2026Updated last month
- A modern Awwwards-inspired interactive website featuring smooth GSAP animations, creative UI interactions, immersive motion design, and e…☆210Sep 11, 2026Updated last month
- Recreate the Apple iPhone 16 website, combining Framer Motion animations and Three.js 3D effects.☆10May 4, 2024Updated 2 years ago
- ☆19Jan 21, 2022Updated 4 years ago
- 🚀 Webpack template html/pug/nunjucks/react, sass/scss typescript☆12Mar 1, 2023Updated 3 years ago
- ✨ PCB Gerber parser, render in three.js or save to svg in browser | 在浏览器中解析PCB Gerber文件，支持渲染到Three.js或保存为svg文件☆12Apr 25, 2025Updated last year
- Interactive 3D event badge like on the Vercel website☆59Jun 12, 2026Updated 4 months ago
- Construction Website || Real Estate Company☆30May 7, 2022Updated 4 years ago
- 1-Click AI Models by DigitalOcean Gradient • AdDeploy popular AI models on DigitalOcean Gradient GPU virtual machines with just a single click. Zero configuration with optimized deployments.
- ☆80Feb 7, 2024Updated 2 years ago
- A modern, interactive landing page showcasing the creative studio “Norrav.” Built to demonstrate UI/UX design skills, animations, and fro…☆34Aug 18, 2025Updated last year
- Pixel perfect clone of an awwwards winning website.☆56Jun 7, 2025Updated last year
- A ThreeJS Game Project☆12Jan 12, 2019Updated 7 years ago
- A Google Drive Clone from the future☆14Feb 19, 2025Updated last year
- Welcome to the Nothing Product Showcase Website, a sleek, immersive, and ultra-modern landing page for the Nothing Phone 3a and 3a Pro. T…☆14Oct 19, 2025Updated last year
- Persian full-stack digital storefront built with Next.js, Prisma, and PostgreSQL.☆21Oct 4, 2026Updated last month