Apps/Portfolio

Dragon Type Specimen WebGL Portfolio Template

by Kedhareswer Naidu

Make it yours.

Install with your AI coding tool.

A scroll-driven type specimen with a procedural WebGL dragon, oversized typography and seven chapters.

Open fullscreen ↗Download project ZIP ↓

Installation and usage

Requires a browser with WebGL. This is a frontend template; the gallery starts its 3D preview on hover.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/dragon-type-specimen.json

03 — Add it to your page

import { DragonTypeSpecimen } from '@/components/apps/dragon-type-specimen';

export default function Page() {
  return <DragonTypeSpecimen />;
}

Included

Procedural WebGL dragon
Seven scroll-driven chapters
Interactive motion and typographic layouts
Complete React and Vite project included

The ZIP includes the complete project, setup notes and an untouched upstream archive in .podie/upstream-source.zip. Extract it, run npm install, then npm run dev. The component installer adds a scoped React entry point to an existing project.

Source and attribution

Created by Kedhareswer Naidu. Original repository. Author permission notices are retained. Source revision: 4c9a6cfd40a210bac69bd6600d83b08484446502.