Brandly - Agency Template

Overview

Brandly is a premium agency website template from shadcn/studio, built with the Next.js 16 App Router, shadcn/ui, Tailwind CSS v4 and strict TypeScript. It includes 12+ pages for presenting services, projects, case studies, a blog, careers and contact, and it is aimed at creative, digital marketing and web development agencies, freelancers and service businesses.

The template is assembled from shadcn/studio components and Pro Blocks, and it ships with matching Figma files built on Figma Variables, Auto Layout and an atomic structure, so designers and developers work from the same system. Docs cover setup, customization and data integration.

Features

• 12+ pages: Home, services, service detail, projects, about us, blog, blog detail, careers and contact
• Reusable components: Sections built from shadcn/ui components with a feature-first folder structure
• Forms: React Hook Form with Zod validation, and Sonner notifications
• Animations: Motion-based interactions throughout the UI
• SEO: Semantic HTML, per-page metadata, Open Graph tags and structured data
• Theming: Light, dark and system themes through next-themes
• Figma files: Component-based designs with variables, Auto Layout and Dev Mode-ready annotations
• Responsive: Layouts for desktop, tablet and mobile

Tech stack

• Next.js 16 (App Router), TypeScript
• shadcn/ui, Tailwind CSS v4, Lucide React
• Motion, React Hook Form, Zod, next-themes, Sonner
• ESLint and Prettier