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.
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