Oriel

Installation and usage

A robotics product showcase with changing hero scenes, engineering hotspots and an interactive request planner.

Frontend adaptation of publicly served React modules, with local images and fonts. Reservation forms are non-sending demos; connect your own backend before publishing. Product specifications and business claims 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/oriel.json

03 — Add it to your page

import { Oriel } from '@/components/apps/oriel';

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

Included

• Four animated hero scenes and scroll-driven room stories
• Six selectable engineering hotspots and a request planner
• Responsive navigation and a local reservation form demo
• Complete React and Vite project with local fonts and media

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: 33a47a39b43ecd6738a04cb4ff0131964e1f4bccfeaa63a3c8b0dc4cc88485cf.