I'm excited to share these powerful resources I've collected over time. These tools have saved me time on many projects and cover everything from UI components to performance optimization. Hope you find them useful!
UI Frameworks & Component Libraries
Material Tailwind - UI kit combining Material Design and Tailwind CSS
NextUI - Modern UI components for React
ChakraUI - Accessible component library
Daisy UI - Tailwind CSS-based components
ShadCn - Unstyled, accessible components
Radix UI - Headless UI components for React
PrimeReact - Feature-rich React components
Keep React - Stylish React components
MiracleUI - Pure CSS customizable components
Beer CSS - HTML framework based on Material Design 3
Bentoed - HTML/CSS/Tailwind bento box layouts
Aceternity UI - Modern UI components collection
Layout Generator - Flexible layout design tool
Clip Path - CSS clip-path generator
Everything in One Page - Resource collection
Buttons - CSS button designs
Data Visualization
TradingView Charts - Lightweight financial charts
Chart.js - JavaScript charting library
ReCharts - React charting components
Animation & Effects
AutoAnimate - Simple animation library
React-magic-motion - Animation for React components
Atropos - 3D parallax effects
Auto Animate (Native JavaScript) - Vanilla JS animation
Tailwind CSS Animated - Tailwind animation utilities
Gradients & Visual Effects
Firecms Gradients - Dynamic gradient generator
Shadergradient - Shader-based gradients
Utilities - Toolkit for gradients and UI elements
SVGs & Illustrations
Shapes - SVG shape collection
SVGs Collection - Comprehensive SVG library
Undraw SVG Illustrations - Free illustrations
Image Generator - Placeholder image creator
UI Components
Swiper - Touch slider
Sonner - Toast notifications
Vaul - Mobile drawer/slider
Tippy.js - Tooltip library
Floating UI - Positioning engine for tooltips
Calendar Components - Date picker components
JavaScript Utilities
Masonry Grid - Grid layout library
MiniMasonry - Lightweight masonry layout
PhotoSwipe - Image gallery
LightGallery - Media gallery
Tempo - Time utilities
Intersection Observer - Viewport detection API
Infinite Scroll - Continuous scrolling
Just - JavaScript utility functions
GLTF to JSX - 3D model converter
Tailwind CSS Intersect - Intersection utilities
React-Specific Tools
React Counter - Animated counter
React Masonry - Masonry layout for React
React DnD - Drag and drop for React
FilePond - File upload component
Faker - Fake data generator
Random Words - Random word generator
UseSound - Sound effect hooks
CMDK Console - Command palette component
Performance Optimization
Lite YouTube Web Component - Optimized YouTube embeds
Squoosh Image Optimizer - Image compression tool
Contrast Checker - Accessibility contrast tool
Tailwind Resources
Tailwind CSS Backgrounds - Background patterns
Tailwind Bento Catalog - Bento grid layouts
Tailwind UI - Premium UI components for Tailwind CSS
Flowbite - Tailwind CSS component library with interactive elements
