Zel Designs — Freelance Designer

Problem-solving Next.js + shadcn/ui portfolio template for freelance designers in SaaS and fintech. It is one of the 14 premium templates built by shadcn.io, in Pro.

Multi-page freelance-designer portfolio — outsized hero (“Let's Build Something Unreal”), high-density project list with hover-shift interactions, per-project case-study detail pages, approach + services sections, and a contact-first CTA. 20+ section components, light + dark mode, full TypeScript types, and the editable Figma source.

Any niche. The demo positioning leans SaaS + fintech because that's the highest-paying freelance design market, but the section structure (project list, case-study detail, services breakdown) maps cleanly to any product-design specialty — healthcare, dev-tools, e-commerce, etc. Swap the project entries and you're done.

Both. The personal-brand framing leans solo (single hero name + outsized typography), but the project list, services section, and case-study layouts scale cleanly to a 2–6 person UX studio. Adjust the about copy and the rest of the layout still reads correctly.

Yes. The Zel Designs page embeds its live demo (shadcn.io/demos/zel) and shows 5 screens and a video tour. Previews are free for everyone; only the code needs Pro.

Zel Designs is built with React 19.0.0, Next.js 15.4.0, TypeScript 5.6.3, shadcn/ui and Tailwind CSS 4.0, and its stack lists Figma for the design file. The Zel Designs page shows these badges under its cover.

Yes. Blocks and components are React code you copy with the shadcn CLI, so they fit a Next.js and Tailwind CSS project like Zel Designs. Pick the base library (Base UI, Radix UI, React Aria or Ark UI) that matches the one your project already uses.

Partly. The shadcn.io MCP server (Pro) finds templates like Zel Designs from a description and can add components and blocks to your project, but a premium template's code comes from its page: download it there with Pro, then let your editor work in it. The MCP's files stay on your machine.

Yes. Zel Designs and every other shadcn.io template, block, and component are bundled in the Pro plan. Monthly, yearly or lifetime — see /pricing for the breakdown.

Yes. Every Pro plan includes updates, and Lifetime keeps them coming for good. New sections, bug fixes, and shadcn/ui major-version upgrades land via the shadcn CLI or the MCP server.

With a Pro plan, open Download on the Zel Designs page. It goes to your dashboard (/dashboard/template), where Zel Designs downloads as a zip of its repository. Without Pro the download is refused.

The Individual license is for personal, non-commercial use, and the Team (up to 5 seats in one company) and Organization (unlimited seats) licenses cover commercial use. Client work and anything your users pay for is commercial use.

No. You can use Zel Designs as the start of your own site or product, but you can't redistribute it on its own, or inside a template, starter kit or website builder.

If your plan ends, you keep using what you already accessed in your existing projects, but you get no new downloads or updates. A Lifetime license includes all future updates.

Each project is a row in `lib/projects.ts` with `title`, `client`, `role`, `year`, `cover`, and `outcomes` fields. The list page renders the high-density roster, and individual `/work/[slug]` routes pick up the per-project deep dives. Swapping in real engagements is purely data-driven.

Yes. Colors flow through Tailwind v4's CSS variables (edit OKLCH values in `app/globals.css` or paste any shadcn/ui theme). Fonts swap via the `next/font` import in `app/layout.tsx` — the hero `text-8xl` headline scales gracefully with any heavy display face.

Zel Designs is a Next.js app, so it deploys wherever Next.js does, such as Vercel, a Node.js server or a container. Run the build script from its package.json and deploy the output as you would for any Next.js project.

Solaris, Reframe Labs, Spherule, Max and Arete are among the other 13 premium templates, all included with the same Pro plan. The Zel Designs page lists more of them.

Yes. Zel Designs is premium, and its code isn't public; the collection also has 215 open source templates by community developers that you can clone from GitHub for free. Browse them at /template, and check each repository's LICENSE before you use one.