Next.js TypeScript starter

A collection of reusable components, hooks, and utilities to build amazing projects with complex animations and page transitions using GSAP.

Components

This starter includes complete navigation with different states (open, sticky, hidden...) and reusable components like modal, accordion, button, form elements and more. Check out the components folder.

GSAP

Accordion

Form

File upload form

Hooks

Simple and usefull React hooks, ready to use.

useWindowSize

Width:

Height:

isMobile: false

isDesktop: false

useScrollbar

scrollY: 0

directionY: -1

useElementSize

E.g. sectionRef

Width: 0

Height: 0

useLockedScroll

Locked: false

useWindowLocation

currentURL:

useIsMounted

isMounted: false

useSessionStorage

Value: 0

useLocalStorage

Value: 0