My Development Bookmarks

A curated collection of development resources, tools, and inspiration organized by category.

🎨 UI Component Libraries

React/Next.js Components

• Shadcn/UI - Beautiful components built with Radix UI and Tailwind CSS
• SKiper UI - Modern UI components for React
• Radix UI - Unstyled, accessible components for React
• Chakra UI - Simple, modular, and accessible React components
• Kibo UI - Beautiful, accessible React components
• React Bits - Animation and UI components for React
• Magic UI - Beautiful UI components with animations
• Aceternity UI - Modern React components with smooth animations
• NextUI - Beautiful, fast and modern React UI library
• HeroUI - Previously NextUI, beautiful React components
• Mantine - Full-featured React components library
• React Email Components - Email components for React
• PrimeReact - Rich set of React UI components
• Inspira UI - Beautiful Vue & Nuxt components
• Melt UI - Headless component library for Svelte

Tailwind CSS Components

• Tailwind UI - Official Tailwind CSS components
• daisyUI - Tailwind CSS component library
• HyperUI - Free Tailwind CSS components
• WindUI - Professional Tailwind CSS components
• TailwindFlex - 1,700+ free Tailwind CSS examples
• Tailbits - Tailwind component library
• MambaUI - Free Tailwind CSS components and templates
• RippleUI - TailwindCSS components
• 9ui - Modern UI components

Specialized UI Libraries

• Framer Motion - Animation library for React
• Motion Primitives - Animation components
• Animata - Animated components for copy-paste
• Cuicui - High-quality React and Tailwind components
• Fancy Components - Beautiful animated components
• Origin UI - Beautiful UI components with Tailwind CSS and Next.js
• Reverse UI - Animated UI library
• SyntaxUI - Free React, Tailwind CSS & Framer components

Component Collections & Blocks

• Shadcn Blocks - Shadcn UI component expansions
• Shadcn UI Blocks - Customized Shadcn components
• UI Layout - Layout components and tools
• TailwindBlocks - Tailwind CSS blocks and components
• Flash UI - Component library for rapid development
• Uiverse - Large library of open-source UI elements
• Cult UI - Component collection
• EldoraUI - UI components
• Lunar UI - Tailwind CSS components
• Ground - Framer component library

🛠️ Design Tools & Resources

Color & Design Systems

• Realtime Colors - Visualize color palettes in real-time
• UI Colors - Tailwind CSS color palette generator
• Color Hunt - Color palette inspiration
• Happy Hues - Curated colors in context
• ColorMagic - AI color palette generator
• ColorBeta - Advanced CSS gradient generator
• CSS Gradient - CSS gradient generator

Icons & Graphics

• Lucide - Beautiful & consistent icon toolkit
• Heroicons - Beautiful hand-crafted SVG icons
• Tabler Icons - Over 4000 free SVG icons
• Streamline Icons - Massive icon library
• Lordicon - 24,100+ animated icons
• Shape - 36000+ icons & illustrations
• SVG Repo - Free SVG vectors and icons
• Svgl - Beautiful library with SVG logos
• CSS Icon - CSS icons
• Ray.so Icon - Icon maker by Raycast
• UI Logos - Lorem ipsum for logos

Design Inspiration

• Dribbble - Design inspiration and showcases
• Mobbin - UI & UX design inspiration for mobile & web
• Page Flows - UI & UX design inspiration for apps
• Land Book - Website design inspiration gallery
• Checklist Design - Collection of design practices
• Best Web Design Tools - Web design tool directory

Layout & Generators

• CSS Layout Generator - CSS layout tools
• CSS Grid Generator - Interactive CSS Grid generator
• Get Waves - SVG wave generator
• NEAT - Beautiful 3D gradients
• FFFuel - Free SVG generators and design tools
• Shapefest - Free 3D illustrations library
• Storyset - Customizable illustrations

🔧 Development Tools

Animation & Effects

• Animate.css - CSS animations library
• Magic Animations - CSS3 animations
• CSS Animation - CSS animation library
• LDRS - Loading animations

Frontend Frameworks & Tools

• Create - Free-to-use AI app builder
• Marblism - AI-powered app generator
• 21st.dev - NPM for design engineers
• Web Code Tools - Collection of web development tools
• Tailwind Generator - Tailwind CSS tools & generators

Code & Documentation

• Mermaid Live - Online flowchart & diagram editor
• tldraw - Drawing and diagramming tool
• Pictographic - Visual documentation tool

📚 Learning Resources

Documentation & Guides

• CSS Tricks - CSS tips, tricks, and techniques
• Chai Code - Development tutorials and guides
• Dev.to - Developer community and articles
• Code2Tutorial - Codebase to tutorial conversion
• useHooks - React hooks library and examples

Component Libraries Documentation

• Ant Design - Enterprise UI language
• React Bits - React component examples
• Indie UI - Independent UI components
• ZenUI - Component library
• Lumina UI - Modern UI components

🚀 Productivity Tools

AI & Automation

• Top AI Tools - Directory of AI tools
• CopyCoder - AI code assistant
• Poe - AI chat platform
• JobGPT - AI job search copilot

Design & Prototyping

• Figma - Collaborative design tool
• Rotato - 3D mockup generator & animator
• Jitter - Motion design tool
• Ground Pro - Advanced Framer components

Image & Media Tools

• PostSpark - Beautify screenshots
• StockCake - Free stock images
• SVGMaker - AI SVG generator
• Everything Moe - Anime/manga resources

🎯 Specialized Tools

Website Builders & Templates

• Unicorn Platform - AI website builder
• Template0 - Free templates directory
• Cruip - Landing page templates
• Rollout - AI-powered landing page builder
• Supahero - Website hero section library

Testing & Optimization

• BrowserStack - Cross-browser testing platform
• Liveblocks - Collaborative experiences platform

Font & Typography

• Font Tester - Test fonts with sample text
• Fontshare - Quality fonts, free to use

Boilerplates & Starters

• Next.js Starters - Next.js boilerplates directory
• Tailwind Kit - Tailwind CSS templates
• Wicked Blocks - Tailwind CSS blocks

---