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.