The official website for Kanri, featuring the landing page and documentation.
The Kanri website is built using the following technologies:
- Astro and Starlight: Framework for building the site and documentation.
- TailwindCSS: Utility-first CSS framework for styling.
- shadcn/ui: Component library for building the user interface.
- Framer Motion: Library for animations and transitions.
- TypeScript: Adding static types to JavaScript.
- MDX: Markdown for writing content with embedded React components.
Inside the project, you'll see the following folders and files:
. ├── public/ ├── src/ │ ├── assets/ │ ├── content/ │ │ ├── docs/ │ │ └── config.ts │ └── env.d.ts ├── astro.config.mjs ├── package.json └── tsconfig.json public/: Static assets like favicons.src/assets/: Images and other assets embedded in Markdown.src/content/docs/: Documentation files in.mdor.mdxformat.astro.config.mjs: Configuration for Astro.package.json: Project metadata and dependencies.tsconfig.json: TypeScript configuration.
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install | Installs dependencies |
npm run dev | Starts local dev server at localhost:3000 |
npm run build | Builds the production site to ./dist/ |
npm run preview | Previews your build locally, before deploying |
Check out the Kanri Discord server for more information.

