Dino Lab

Installation and usage

A pixel-art creative studio with a playful dinosaur, scrolling type, animated service panels and team cards.

Frontend adaptation of the publicly served React template. The contact form is a local demo and sends no data; connect a contact service before publishing. Team profiles and business figures are illustrative. The unpublished original TypeScript project is not included.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

pnpm dlx shadcn@latest add https://podie.dev/framework-registry/dino-lab.json

03 — Add it to your page

import { DinoLab } from '@/components/apps/dino-lab';

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

Included

• Interactive pixel dinosaur and floating hero art
• Responsive menu and scroll-aware section navigation
• Animated service accordion, rolling numbers and team cards
• Complete React and Vite project with local media and fonts

The ZIP includes the complete project, setup notes and upstream files and provenance in .podie. 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 Modulify. Original source. Author permission notices are retained. Source revision: f6a30e4268348932abd52955838feae97d42a575b28f24a18011fde998b93587.