Installation¶
Package Structure¶
ThemaKit is distributed as a collection of packages under the @themakit scope. This modular approach allows you to install only the components you need.
Core Packages¶
# Install the core package (required)
npm install @themakit/core
# Install the theme package (recommended)
npm install @themakit/theme
Component Packages¶
Install only the component packages you need:
# Layout components
npm install @themakit/layout
# Input components
npm install @themakit/inputs
# Display components
npm install @themakit/card @themakit/modal @themakit/alert @themakit/toast
All-in-one Package¶
If you prefer to install everything at once:
npm install @themakit/core @themakit/theme @themakit/components
Peer Dependencies¶
ThemaKit requires the following peer dependencies:
npm install react react-dom
Typescript¶
ThemaKit is built with TypeScript and includes type definitions for all components. To get the best development experience, we recommend using TypeScript in your project.
npm install typescript @types/react @types/react-dom --save-dev
Next Steps¶
After installation, check out our Quick Start guide to begin building with ThemaKit.