StudySphere
An animated Ed-Tech landing page built using Next.js, Framer Motion, and Tailwind CSS.
StudySphere – Animated Ed-Tech Landing Page
Project Overview:
StudySphere is a modern, animated educational platform landing page built with Next.js. It features a clean UI, smooth animations, and modular components, making it suitable for Ed-Tech startups, course creators, or portfolio projects.
Key Features
| Feature | Description |
|---|---|
| Smooth Scroll Animations | Scroll-based animations using Framer Motion for interactive visuals |
| Responsive Design | Fully responsive layout for mobile and desktop |
| Modular Component Structure | Reusable components for easy maintenance and scalability |
| Ed-Tech Focused | Designed specifically for educational platforms and course showcase |
Technologies Used
| Layer | Tech Stack / Tools |
|---|---|
| Frontend | Next.js (App Router), Tailwind CSS |
| Animations | Framer Motion |
| UI Components | ShadCN UI |
| Language | TypeScript (optional for type safety) |