Open

Installation & details

Installation and usage

A dark SaaS landing page with a video hero, animated workflow cards, feature sections, testimonials and authentication page layouts.

The CLI installs the full frontend page set as a scoped React component. Authentication and marketing forms are presentation UI; connect your own backend. The ZIP contains the complete Next.js project.

01 — Initialize shadcn

pnpm dlx shadcn@latest init

02 — Install the source

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

03 — Add it to your page

import { OpenTemplate } from '@/components/apps/open-react';

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

Included

Animated video hero and workflow sections
Responsive navigation and testimonials
Sign-in, sign-up and password-reset layouts
Complete Next.js source project

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 Cruip. Original source. Author permission notices are retained. Source revision: 9da36763df216be7840f3c063edcdcaf7862401e.