• Stars
    star
    184
  • Rank 209,187 (Top 5 %)
  • Language
    TypeScript
  • Created about 3 years ago
  • Updated over 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Web application, that uses THREE.JS and NextJS for the transitions between pages 👾. I've created this project to test the possibility of merging SPA'a and awwwards-like page transitions.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

More Repositories

1

react-just-parallax

React library for scroll and mousemove parallax effect ✨ Open source, production-ready
TypeScript
449
star
2

creativeprojects

Personal website that features a range of interactive projects , that I've been working on 🌌 . Main technologies used are THREE.JS and 2D Context API.
TypeScript
299
star
3

creative-bay

WebGL and GLSL projects 2022 🌬
TypeScript
256
star
4

webgl-3d-engine

WebGL2 3D Engine built from scratch.
TypeScript
208
star
5

3d-renderer-in-c

3D graphics renderer made from scratch using the C programming language.
C
81
star
6

book-of-shaders-playground

Web application that I've built while learning from "The Book Of Shaders" 🔮. It features most of the fragment shader concepts covered in the book and more.
GLSL
56
star
7

plain-page-transition

Transition between pages made from scratch with plain JavaScript and no external libraries
TypeScript
49
star
8

raymarching-engine-visualiser

Interactive visualiser 🌠 for a 3D raymarching engine written in GLSL and computed in a fragment shader on the 2D Plane.
TypeScript
29
star
9

next-sandbox

All custom components I have made and constantly trying to improve 🚀. I use them mostly in my React applications, but all of them might be easily transfered and used with pure css and js.
TypeScript
11
star
10

team-29

Interactive game and web application with custom Backend and Frontend setup. It was a team project from Newcastle University 🎓, aiming to combat United Nations sustainable development goal 15.
TypeScript
8
star
11

awwwards-3d-course

JavaScript
6
star
12

fastify-prisma-postgresql

REST app built with Fastify, Prisma & TypeScript
TypeScript
3
star
13

learning-c

C
2
star
14

opengl-learning

Repo used to learn from learnopengl.com
C
2
star
15

2d-physics-engine

2D Physics engine built from scratch in C++.
C++
2
star
16

expo-base

TypeScript
1
star
17

next-typescript-frontend

TypeScript
1
star
18

subdir-heroku-buildpack

Shell
1
star
19

express-typescript-backend

Express backend application with OAuth2 ✨ stategies provided with PassportJS and secure design patterns.
TypeScript
1
star
20

eleventy-esbuild-test

SCSS
1
star