Skip to content

Frontend React.js template for modern Prisma UI web interface.

Notifications You must be signed in to change notification settings

PrismaUI-SKSE/example-web-ui

Repository files navigation

PrismaUI Template UI

This repository contains an example user interface built using Prisma UI, demonstrating how to implement and use various UI components and features.

Getting Started

Requirements

Install dependencies

npm install

Build to use in a plugin

npm run build

Then you will see dist folder in the root directory. It contains your UI files includes index.html which you can use in your PrismaUI plugin as view.

Development in a browser

npm run dev

Documentation

Technologies

  • TypeScript - language with static typing instead of JavaScript.
  • React - main framework to build core of our UI.
  • TailwindCSS 3 - CSS framework to make styles simply and fast with classnames directly inside your html markup.
  • Zustand - State-management library to control our UI state model data.
  • Motion - Animations library to make and control animations simply and fast with React.
  • And other tools like Vite, Eslint, Prettier, Husky.

Contributing

Contributions are welcome!

About

Frontend React.js template for modern Prisma UI web interface.

Resources

Stars

Watchers

Forks