Kaliop Frontend GuidelinesBuild consistent, scalable, and maintainable interfaces

Standards and best practices for frontend development

Tailwind CSS

Styles architecture, design tokens (colors, spacing, typography, easings), layout utilities, and custom variants.

Installation and editor setup

Atomic design methodology and naming conventions for structuring the design system.

Atomic design

Slots, variants, and override classes with Tailwind Variants and tailwind-merge.

Styling with TV

Document and test UI components in isolation with stories, args, and decorators.

Introduction