https://github.com/itsjavi/remix-ark-ui
Remix project with Panda CSS and components based on Park UI (Ark)
https://github.com/itsjavi/remix-ark-ui
Last synced: about 2 months ago
JSON representation
Remix project with Panda CSS and components based on Park UI (Ark)
- Host: GitHub
- URL: https://github.com/itsjavi/remix-ark-ui
- Owner: itsjavi
- Created: 2024-04-10T12:54:55.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-04-11T09:21:14.000Z (11 months ago)
- Last Synced: 2024-11-08T12:50:02.462Z (4 months ago)
- Language: TypeScript
- Size: 623 KB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Welcome to Remix + Vite + Park UI!
Template repository for Remix + Vite + Ark UI + Panda CSS projects.
📖 See the [Remix docs](https://remix.run/docs), the [Remix Vite docs](https://remix.run/docs/en/main/future/vite),
and the [Park UI docs](https://park-ui.com/docs/panda/overview/introduction) for details on supported features.
## What's included
- Customizable Park UI components, built on top of Ark UI, Zag and Panda CSS
- Use any color scheme from Radix UI colors, with OKLCH / P3 color space support.
- A base responsive layout supporting dark and light themes
- Page transitions with `framer-motion`
- Linting and formatting with `Biome`
- `lucide-react` icons
- Utils like `cn()`, `useRouteData()` and more
## Development
Run the Vite dev server:
```sh
pnpm run dev
```
Linting and formatting:
```sh
pnpm run lint
pnpm run format
# or:
pnpm run lint-fix
```
## Deployment
First, build your app for production:
```sh
pnpm run build
```
Then run the app in production mode:
```sh
pnpm start
```
Now you'll need to pick a host to deploy it to.
### DIY
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of `pnpm run build`
- `build/server`
- `build/client`