Products
/Tools
Open Source Developer Tools
Enhance your development workflow with our collection of open source components and tools built with modern web technologies.
🧩
MutableDialog Component
MutableDialog is a powerful reusable component that streamlines form handling in React applications. It provides a unified interface for both adding and editing data with seamless Zod validation integration and React Hook Form support, making form management elegant and efficient.
Key Features
Add and Edit modes in one component
Form validation with Zod
React Hook Form integration
Customizable dialog titles and descriptions
Toast notifications for success/error feedback
Automatic form reset on mode change
Loading state management
Error boundary integration
Fully typed with TypeScript
Comprehensive documentation
Benefits
Reduce boilerplate code
Consistent user experience
Faster development cycles
Improved error handling
Better maintainability
Technology Stack:
React
TypeScript
Zod
React Hook Form
Shadcn UI
🔍
CommandSearch Component
CommandSearch is a fully accessible search component designed for modern React applications. It features powerful async search capabilities, complete keyboard navigation support, and theme-aware design that integrates seamlessly with your application's existing style system.
Key Features
Async search capabilities
Keyboard navigation support
Theme-aware design
Loading states and error handling
Screen reader friendly
Customizable search results rendering
Search history management
Fuzzy search support
Minimal bundle size
MIT licensed
Benefits
Improved user experience
Increased accessibility compliance
Simplified search implementation
Consistent search behavior
Reduced development time
Technology Stack:
React
TypeScript
Lucide Icons
Shadcn UI
WAI-ARIA compliant
