Oryven - Agency Studio Next.js Template
A dark, motion-led Next.js template for design studios and agencies.
About this template
Oryven is a dark, motion-led template for design studios, branding agencies and independent creative teams. It opens with a short loader and a pinned hero, and every section after it reveals as you scroll, with smooth scrolling throughout.
Features
- Motion built in. GSAP scroll reveals, word-by-word headings, a pinned hero sequence, a wave-style testimonial track and number roll-ups.
- Smooth scrolling. Lenis handles the scroll, and in-page links glide to their section.
- Case studies and journal in Markdown. Add a project or an article by dropping a
.mdfile into a folder. - Reusable animation wrappers. Wrap any element in
Reveal,SplitRevealorZoomto animate it, with no extra setup. - Easy to restyle. Colours, type and spacing are Tailwind v4 theme tokens in one CSS file.
- Fully responsive. Designed for desktop, tablet and phone widths.
- Respects reduced motion. Animations settle instantly for visitors who turn motion off.
- SEO basics included. Per-page titles, canonical URLs, Open Graph image and favicon.
Pages
- Home: loader, hero, clients, services, selected work, process, pricing, testimonials, journal, FAQ, CTA and contact
- Projects
- Project detail
- Journal
- Article
- Contact
- Legal
- 404
Stack
Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS v4, GSAP, Lenis, NumberFlow. Every page is prerendered at build time.
Notes
The contact form is layout only. Connect it to your form service or API route. Photos are placeholders at the original sizes, so you can swap in your own.
Support
Need help setting up? Reach out to us at: hello@pixels71.com