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.