kokonut-labs kokonutui .cursorrules file for TypeScript (stars: 447)

Code Style and Structure:

-   Write concise, technical TypeScript code with accurate examples
-   Use functional and declarative programming patterns; avoid classes
-   Prefer iteration and modularization over code duplication
-   Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
-   Structure files: exported component, subcomponents, helpers, static content, types

Naming Conventions:

-   Use lowercase with dashes for directories (e.g., components/auth-wizard)
-   Favor named exports for components

TypeScript Usage:

-   Use TypeScript for all code; prefer interfaces over types
-   Avoid enums; use maps instead
-   Use functional components with TypeScript interfaces

Syntax and Formatting:

-   Use the "function" keyword for pure functions
-   Avoid unnecessary curly braces in conditionals; use concise syntax for simple statements
-   Use declarative JSX

UI and Styling:

-   Use Shadcn UI, Radix, and Tailwind Aria for components and styling
-   Implement responsive design with Tailwind CSS; use a mobile-first approach
css
javascript
mdx
radix-ui
shadcn/ui
tailwindcss
typescript

First Time Repository

Access a collection of free-to-use, standalone components with KokonutUI. Built with Tailwind CSS, and optional library such as shadcn and Framer Motion.

TypeScript

Languages:

CSS: 3.3KB
JavaScript: 1.3KB
MDX: 17.8KB
TypeScript: 686.9KB
Created: 11/1/2024
Updated: 1/23/2025

All Repositories (1)

Access a collection of free-to-use, standalone components with KokonutUI. Built with Tailwind CSS, and optional library such as shadcn and Framer Motion.