https://github.com/frigadehq/demo
Frigade makes it easy to build better customer journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web dashboard. It is purpose-built for modern software teams that care about design, flexibility, and customization.
https://github.com/frigadehq/demo
component component-library components flows form forms nextjs onboarding onboarding-forms product react reactjs reactjs-components tour tours ui
Last synced: 7 months ago
JSON representation
Frigade makes it easy to build better customer journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web dashboard. It is purpose-built for modern software teams that care about design, flexibility, and customization.
- Host: GitHub
- URL: https://github.com/frigadehq/demo
- Owner: FrigadeHQ
- License: mit
- Created: 2024-08-13T19:26:42.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-07-22T18:47:20.000Z (8 months ago)
- Last Synced: 2025-08-29T09:27:50.353Z (7 months ago)
- Topics: component, component-library, components, flows, form, forms, nextjs, onboarding, onboarding-forms, product, react, reactjs, reactjs-components, tour, tours, ui
- Language: TypeScript
- Homepage: https://demo.frigade.com
- Size: 1.28 MB
- Stars: 4
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Frigade Demo
[Frigade]() is the modern product adoption platform. Frigade makes it easy to build better customer
journeys in your product through beautiful pre-built UI components, a flexible API and SDK, and an easy-to-use web
dashboard. It is
purpose-built for modern software teams that care about design, flexibility, and customization.
This repo contains the source code for [demo.frigade.com](https://demo.frigade.com).
## Getting Started
First, copy the sample environment file:
```bash
cp .env.example .env.local
```
Then, install the dependencies:
```bash
pnpm install
```
Next, run the development server:
```bash
pnpm dev
```
Now, open [http://localhost:3000](http://localhost:3000) with your browser to see the demo.
## Using your own API key and Flows
If you wish to use your own API key, you can replace the `NEXT_PUBLIC_FRIGADE_API_KEY` in the `.env.local` file with
your own API key.
You will also need to update the Flow IDs found in [src/lib/flow-details.ts](src/lib/flow-details.ts) to match the Flow
IDs in your Frigade account.
All the Flow configurations (i.e. YAML) are available in [src/lib/flow-details.ts](src/lib/flow-details.ts), as well.
You can paste the a configuration into your own Flow via the advanced Flow editor in the web app.