@prokodo/ui

prokodo UI (Beta)

Empowering Digital Innovation

Modern, customizable UI components built with React and TypeScript — developed by prokodo for high-performance web interfaces.

✨ Features

• ⚡️ Modern stack: Vite, React 19, TypeScript, and SCSS Modules
• 💅 Design consistency: Theming via design tokens and BEM-style naming
• 🧩 Component-rich: 35+ reusable UI components
• 🧪 Reliable: Fully tested with Jest and Testing Library
• 📚 Storybook: Explore the components at ui.prokodo.com
• 📦 Ready-to-install: Distributed via npm for non-production use under the BUSL-1.1 license
• 🧱 Optimized for SSR: Works great with Next.js and React Server Components

🚀 Getting Started

1. Install the package

⚠️ ESM-only: This package does not support CommonJS (require()).

pnpm add @prokodo/ui
# or
npm install @prokodo/ui

2. Use a component

import { Button, type ButtonProps } from "@prokodo/ui/button"

export default function Example() {
  return <Button>Click me</Button>
}

📦 Available Components

• Accordion
• Animated
• AnimatedText
• Avatar
• BaseLink
• Button
• Calendly
• Card
• Carousel
• Chip
• DatePicker
• Dialog
• Drawer
• Form
• FormResponse
• Grid
• GridRow
• Headline
• Icon
• Image
• ImageText
• Input
• InputOTP
• Label
• Link
• List
• Loading
• Lottie
• Map
• PostItem
• PostTeaser
• PostWidget
• PostWidgetCarousel
• Quote
• RichText
• Select
• Skeleton
• Slider
• Stepper
• Switch
• Table
• Teaser

📘 Documentation

Explore all components and examples in the official Storybook:

👉 https://ui.prokodo.com

🛠 Local Development

pnpm i
pnpm dev          # Start Vite dev server
pnpm storybook    # Start Storybook locally

To build:

pnpm run build
pnpm run storybook:build

📄 License

This library is published under the Business Source License 1.1 (BUSL-1.1).

© 2025 prokodo — All rights reserved. Visit us at prokodo.com.