--- title: Best Community Picks posts — June 2025 | daily.dev description: The most upvoted Community Picks posts from June 2025, curated by the daily.dev community. canonical: https://daily.dev/sources/community/best-of/2025/06 twitter:card: summary_large_image twitter:site: @dailydotdev og:url: https://daily.dev/sources/community/best-of/2025/06 og:type: website og:site_name: daily.dev og:title: Best Community Picks posts — June 2025 | daily.dev og:description: The most upvoted Community Picks posts from June 2025, curated by the daily.dev community. og:image: https://media.daily.dev/image/upload/s--VAY5ToZt--/f_auto/v1724209435/public/daily.dev%20-%20open%20graph --- # Best of Community Picks — June 2025 1. 1 [](https://daily.dev/posts/animate-ui-0eva3ukjm "Animate UI") Article Community Picks · 1y Animate UI Animate UI is an open-source component distribution system that provides fully animated React components built with TypeScript, Tailwind CSS, and Framer Motion. It complements Shadcn UI by offering motion-animated components that can be installed via CLI or copied directly into projects. The platform focuses on providing dynamic backgrounds, primitive animated components, and text effects rather than being a traditional library. 626 25 2. 2 [](https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc "Neodrag: One draggable to rule them all") Article Community Picks · 1y Neodrag: One draggable to rule them all Neodrag is a multi-framework JavaScript library that provides drag-and-drop functionality across React, Svelte, Vue, SolidJS, and vanilla JavaScript. It features a small bundle size (3.46KB), server-side rendering compatibility, TypeScript support, and consistent behavior across all supported frameworks through shared core logic. 466 27 3. 3 [](https://daily.dev/posts/i-was-so-angry-i-built-my-own-qoovxzgxv "I Was So Angry, I Built My Own") Article Community Picks · 1y I Was So Angry, I Built My Own A developer built a custom project management system after frustration with existing tools. The solution features markdown-based documentation, multi-dimensional estimation using Value/Penalty/Effort/Risk metrics instead of story points, integrated Architecture Decision Records and Post-Mortems, automated DORA metrics tracking from production deployments, and enhanced Kanban boards with built-in cycle time measurement. The system leverages large context window AI models for generating documentation and maintaining consistency across components. 423 30 4. 4 [](https://daily.dev/posts/onlook-cursor-for-designers-xa3ar4eou "Onlook – Cursor for Designers") Article Community Picks · 1y Onlook – Cursor for Designers Onlook is an open-source desktop application that bridges the gap between design and development by allowing users to visually edit React websites while automatically writing changes back to code in real-time. The tool features AI-powered assistance for building and experimenting with frontend interfaces, a Figma-style interface that works with existing design systems, and local-first architecture that keeps all code on the user's device. It integrates with existing build processes without requiring component migration and maintains version control compatibility. 301 16 5. 5 [](https://daily.dev/posts/the-1-open-source-crm-zzxufgtnf "The #1 Open-Source CRM") Article Community Picks · 1y The #1 Open-Source CRM Twenty is an open-source CRM platform that positions itself as a modern alternative to Salesforce. It offers customer data management with import capabilities, customization options, and automation through APIs and webhooks. Key features include task management, email synchronization, company and contact management, search functionality with keyboard shortcuts, and dark mode. The platform is designed for fast-growing companies that need adaptable workflows and full customization control over their customer relationship management system. 239 14 6. 6 [](https://daily.dev/posts/opencut-app-opencut-the-open-source-capcut-alternative-yqkhthtia "OpenCut-app/OpenCut: The open-source CapCut alternative") Article Community Picks · 1y OpenCut-app/OpenCut: The open-source CapCut alternative OpenCut is a free, open-source video editor designed as an alternative to CapCut, offering privacy-focused editing with timeline-based functionality, multi-track support, and real-time preview. Built with Next.js and React, it runs on web, desktop, and mobile platforms without watermarks or subscriptions. The project emphasizes keeping videos on the user's device and provides all basic editing features that are now paywalled in CapCut. 231 8 7. 7 [](https://daily.dev/posts/the-moment-i-let-go-of-clean-code-zgyemre8x "The Moment I let go of Clean Code") Article Community Picks · 1y The Moment I let go of Clean Code A developer's perspective on moving away from obsessive clean code practices after experiencing both extremes - working with messy legacy code and a colleague who over-refactored. The author argues that perfectionist code cleaning can become procrastination, drawing parallels to inbox zero mentality. Instead, they advocate for pragmatic improvements: fix code when you're already working with it, focus on functionality first, and accept that some messiness is acceptable if it doesn't hinder productivity. The key is finding balance between writing maintainable code and delivering value. 190 21 8. 8 [](https://daily.dev/posts/iro-js-ymuhzlgu8 "iro.js") Article Community Picks · 1y iro.js iro.js is a JavaScript color picker widget that provides an SVG-based interface for selecting colors. It supports multiple color formats (hex, RGB, HSV, HSL, and kelvin temperatures) through a unified API, allows multiple colors for harmony selection, and requires no external dependencies. The library can be installed via NPM, CDN, or direct download, and offers customizable options, event handling, and easy integration with modern frameworks. 157 9 9. 9 [](https://daily.dev/posts/your-ultimate-mcp-server-hub-eusispywg "Your Ultimate MCP Server Hub") Article Community Picks · 1y Your Ultimate MCP Server Hub MCPHub is a unified management platform that consolidates multiple Model Context Protocol (MCP) servers into a single Server-Sent Events (SSE) endpoint. It provides a dashboard for monitoring server status and simplifies infrastructure management for AI applications. The tool can be quickly deployed using Docker and allows customization through JSON configuration files. 157 10. 10 [](https://daily.dev/posts/database-multi-tenancy-nzbnhipxj "Database Multi tenancy") Article Community Picks · 1y Database Multi tenancy Multi-tenancy is an architecture where multiple independent application instances operate in a shared environment with logical isolation. The article explores four database multi-tenancy approaches: single database with shared schema (lowest cost, highest tenant density but minimal isolation), single database with separate schemas (better isolation, more complex maintenance), database per tenant (highest isolation, most resource intensive), and multiple databases with shared schemas (balanced approach). Each pattern has distinct trade-offs between cost, isolation, maintenance complexity, and scalability that should guide architectural decisions based on application requirements. 150 2 11. 11 [](https://daily.dev/posts/n8n-io-self-hosted-ai-starter-kit-the-self-hosted-ai-starter-kit-is-an-open-source-template-that-qu-9vc6heh7f "n8n-io/self-hosted-ai-starter-kit: The Self-hosted AI Starter Kit is an open-source template that quickly sets up a local AI environment. Curated by n8n, it provides essential tools for creating secur") Article Community Picks · 1y n8n-io/self-hosted-ai-starter-kit: The Self-hosted AI Starter Kit is an open-source template that quickly sets up a local AI environment. Curated by n8n, it provides essential tools for creating secur An open-source Docker Compose template that sets up a complete local AI development environment combining n8n workflow automation, Ollama for local LLMs, Qdrant vector database, and PostgreSQL. The kit enables developers to build AI agents, document analysis tools, and chatbots while keeping data private and secure on their own infrastructure. 136 12. 12 [](https://daily.dev/posts/game-making-software-i4oydczax "Game Making Software") Article Community Picks · 1y Game Making Software Construct 3 is a browser-based game development platform that allows users to create games without coding knowledge or with JavaScript support. The tool emphasizes ease of use and accessibility for game creation directly in web browsers. 130 6 13. 13 [](https://daily.dev/posts/liquid-glass-but-in-css-vr1n0xsds "Liquid Glass, but in CSS") Article Community Picks · 1y Liquid Glass, but in CSS A detailed technical breakdown of recreating Apple's new Liquid Glass design language using CSS and SVG filters. The implementation involves multiple layers including specular highlights with box-shadow, backdrop blur and color filters, SVG displacement maps for refraction effects, and chromatic aberration simulation. The technique requires advanced CSS filter knowledge and has significant browser compatibility limitations, working primarily in Chrome with performance considerations for GPU usage. 129 11 14. 14 [](https://daily.dev/posts/tailwind-css-animations-plugin-community-powered-animation-magic-3mraqqsni "Tailwind CSS Animations Plugin: Community-Powered Animation Magic") Article Community Picks · 1y Tailwind CSS Animations Plugin: Community-Powered Animation Magic A comprehensive Tailwind CSS animations plugin by @midudev that provides over 60 pre-built animation classes for web developers. The plugin includes common animations like fade-in/out, slide transitions, rotations, bouncing effects, and complex animations like heartbeat, dancing, and jelly. Installation is straightforward via npm, making it easy to add engaging animations to websites without writing custom CSS. 128 7 15. 15 [](https://daily.dev/posts/lissy93-domain-locker-the-all-in-one-tool-for-keeping-track-of-your-domain-name-portfolio-got-d-c1af4ms40 "Lissy93/domain-locker: 🌐 The all-in-one tool, for keeping track of your domain name portfolio. Got domain names? Get Domain Locker!") Article Community Picks · 1y Lissy93/domain-locker: 🌐 The all-in-one tool, for keeping track of your domain name portfolio. Got domain names? Get Domain Locker! Domain Locker is an open-source tool for managing domain name portfolios, providing centralized tracking of domain expirations, SSL certificates, DNS records, and hosting details. It offers automated monitoring with configurable notifications, detailed analytics, and supports both a managed SaaS version and self-hosted deployment via Docker. The application features a comprehensive dashboard for domain visibility, change tracking, uptime monitoring, and cost management across multiple registrars and providers. 118 6 16. 16 [](https://daily.dev/posts/top-5-monorepo-tools-for-2025-okzn9x1u4 "Top 5 Monorepo Tools for 2025") Article Community Picks · 1y Top 5 Monorepo Tools for 2025 Compares five leading monorepo tools for 2025: Bazel (Google's production-grade polyglot build system), Gradle (JVM-focused multi-project builds), Turborepo (JavaScript/TypeScript optimized by Vercel), Pants (multi-language with automatic dependency inference), and Nx (comprehensive JavaScript framework with smart caching). Each tool targets different use cases - from enterprise polyglot codebases to frontend-heavy stacks. The guide emphasizes choosing based on language ecosystem, team size, and CI requirements rather than raw performance metrics, while acknowledging that monorepos require significant tooling investment to realize productivity gains. 114 2 17. 17 [](https://daily.dev/posts/microsoft-magentic-ui-a-research-prototype-of-a-human-centered-web-agent-hiciinwal "microsoft/magentic-ui: A research prototype of a human-centered web agent") Article Community Picks · 1y microsoft/magentic-ui: A research prototype of a human-centered web agent Magentic-UI is a research prototype from Microsoft that provides a human-centered interface for web automation using multi-agent systems. Built on AutoGen, it features specialized agents (Orchestrator, WebSurfer, Coder, FileSurfer) that work together to browse websites, execute code, and handle files. Key features include collaborative planning, real-time task monitoring, action guards for sensitive operations, and parallel task execution. The system supports OpenAI, Azure OpenAI, and Ollama models, requires Docker for operation, and has been evaluated on benchmarks like GAIA (42.52%) and WebVoyager (82.2%). Installation is available via PyPI or from source, with comprehensive documentation for setup and configuration. 108 3 18. 18 [](https://daily.dev/posts/jujumilk3-leaked-system-prompts-collection-of-leaked-system-prompts-va8ecdxod "jujumilk3/leaked-system-prompts: Collection of leaked system prompts") Article Community Picks · 1y jujumilk3/leaked-system-prompts: Collection of leaked system prompts A GitHub repository collecting leaked system prompts from popular LLM-based services. The project accepts contributions through pull requests with verifiable sources and reproducible prompts, while avoiding sensitive commercial code to prevent DMCA takedowns. The repository serves as a research resource cited in academic papers. 106 1 19. 19 [](https://daily.dev/posts/dynaui-ops0skk2n "DynaUI") Article Community Picks · 1y DynaUI DynaUI is a React component library featuring 30+ animated components built with Tailwind CSS and Framer Motion. It promises to reduce development time from weeks to hours by providing pre-built, customizable UI components for landing pages and web applications. The library has received positive feedback from developers who appreciate its time-saving potential and quality animations. 101 1 20. 20 [](https://daily.dev/posts/learn-microservices-and-kafka-with-an-e-commerce-example-kafka-tutorial-for-beginners-hd1mvkgpu "Learn Microservices and Kafka with an E-commerce Example | Kafka Tutorial for beginners") Video Community Picks · 1y Learn Microservices and Kafka with an E-commerce Example | Kafka Tutorial for beginners A comprehensive tutorial demonstrating how to transform a monolithic e-commerce application into a microservices architecture using Apache Kafka for inter-service communication. The guide covers breaking down payment, order, email, and analytics services into independent components, implementing Kafka producers and consumers, setting up Docker containers, and creating fault-tolerant Kafka clusters with multiple brokers and partitions. The tutorial includes practical code examples showing how to handle asynchronous messaging, reduce response times from 12 seconds to 3 seconds, and ensure system resilience through distributed architecture. 101 21. 21 [](https://daily.dev/posts/animate-ui-animate-ui-fully-animated-open-source-component-distribution-built-with-react-typescri-i4jjddoxm "animate-ui/animate-ui: Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and u") Article Community Picks · 1y animate-ui/animate-ui: Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and u Animate UI is an open-source component library that provides fully animated React components built with TypeScript, Tailwind CSS, and Motion. Currently in beta phase, it offers a collection of ready-to-use animated components that developers can install, modify, and integrate into their projects. The library is distributed under MIT license and includes comprehensive documentation for implementation. 97 22. 22 [](https://daily.dev/posts/the-best-productivity-apps-you-need-right-now-ngsgw7dk9 "The Best Productivity Apps You Need Right Now") Article Community Picks · 1y The Best Productivity Apps You Need Right Now A curated list of 6 productivity applications designed to help users focus and manage their time better. The collection includes ByDesign for all-in-one task management, Side Space for browser tab organization, AudioNotes for voice-to-text note taking, Digest for news aggregation, Reverie for voice journaling, and TaskHeat for visual task planning. Each app targets specific productivity challenges like distraction management, note organization, and workflow visualization. 97 4 23. 23 [](https://daily.dev/posts/chatwoot-the-modern-open-source-self-hosted-customer-support-platform-alternative-to-intercom-an-caubhf2tw "Chatwoot: The modern, open source, self-hosted customer support platform. Alternative to Intercom and Zendesk.") Article Community Picks · 1y Chatwoot: The modern, open source, self-hosted customer support platform. Alternative to Intercom and Zendesk. Chatwoot is an open-source, self-hosted customer support platform that serves as an alternative to Intercom and Zendesk. It features Captain, an AI assistant that automates conversations and boosts agent productivity through smart suggestions and multilingual support. The platform consolidates customer conversations from multiple channels including live chat, email, social media, and messaging platforms like WhatsApp into one interface. It includes a customizable help center for self-service support and offers API integrations for custom use cases. Being open source, businesses can host it on their own infrastructure while maintaining full data ownership. 98 6 24. 24 [](https://daily.dev/posts/search-params-are-state-ra6mrw4vd "Search Params Are State") Article Community Picks · 1y Search Params Are State Search parameters in web applications are often treated as second-class state despite being global, serializable, and shareable. Traditional approaches using URLSearchParams and manual string parsing are verbose and error-prone. TanStack Router addresses this by treating search params as first-class state with schema validation defined directly in route definitions, providing type safety, automatic inference, and hierarchical inheritance between parent and child routes. This approach eliminates schema duplication, prevents conflicting expectations, and ensures consistency across the application. 90 1 25. 25 [](https://daily.dev/posts/caddy-guide-cheatsheet-k8gi9gd3z "Caddy Guide / Cheatsheet") Article Community Picks · 1y Caddy Guide / Cheatsheet A comprehensive guide covering Caddy web server configuration, including building custom modules with XCaddy, setting up SSL certificates with Let's Encrypt, configuring systemd services, and implementing various server configurations like reverse proxying and on-demand TLS. 82 3 [See all Community Picks archives](/sources/community/best-of) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://daily.dev/sources/community/best-of/2025/06#page","url":"https://daily.dev/sources/community/best-of/2025/06","name":"Best Community Picks Posts — June 2025","description":"The most upvoted Community Picks posts from June 2025, curated by the daily.dev community.","isPartOf":{"@type":"WebSite","url":"https://daily.dev"}},{"@type":"ItemList","@id":"https://daily.dev/sources/community/best-of/2025/06#items","numberOfItems":25,"itemListElement":[{"@type":"ListItem","position":1,"url":"https://daily.dev/posts/animate-ui-0eva3ukjm","name":"Animate UI"},{"@type":"ListItem","position":2,"url":"https://daily.dev/posts/neodrag-one-draggable-to-rule-them-all-ub4hasyqc","name":"Neodrag: One draggable to rule them all"},{"@type":"ListItem","position":3,"url":"https://daily.dev/posts/i-was-so-angry-i-built-my-own-qoovxzgxv","name":"I Was So Angry, I Built My Own"},{"@type":"ListItem","position":4,"url":"https://daily.dev/posts/onlook-cursor-for-designers-xa3ar4eou","name":"Onlook – Cursor for Designers"},{"@type":"ListItem","position":5,"url":"https://daily.dev/posts/the-1-open-source-crm-zzxufgtnf","name":"The #1 Open-Source CRM"},{"@type":"ListItem","position":6,"url":"https://daily.dev/posts/opencut-app-opencut-the-open-source-capcut-alternative-yqkhthtia","name":"OpenCut-app/OpenCut: The open-source CapCut alternative"},{"@type":"ListItem","position":7,"url":"https://daily.dev/posts/the-moment-i-let-go-of-clean-code-zgyemre8x","name":"The Moment I let go of Clean Code"},{"@type":"ListItem","position":8,"url":"https://daily.dev/posts/iro-js-ymuhzlgu8","name":"iro.js"},{"@type":"ListItem","position":9,"url":"https://daily.dev/posts/your-ultimate-mcp-server-hub-eusispywg","name":"Your Ultimate MCP Server Hub"},{"@type":"ListItem","position":10,"url":"https://daily.dev/posts/database-multi-tenancy-nzbnhipxj","name":"Database Multi tenancy"},{"@type":"ListItem","position":11,"url":"https://daily.dev/posts/n8n-io-self-hosted-ai-starter-kit-the-self-hosted-ai-starter-kit-is-an-open-source-template-that-qu-9vc6heh7f","name":"n8n-io/self-hosted-ai-starter-kit: The Self-hosted AI Starter Kit is an open-source template that quickly sets up a local AI environment. Curated by n8n, it provides essential tools for creating secur"},{"@type":"ListItem","position":12,"url":"https://daily.dev/posts/game-making-software-i4oydczax","name":"Game Making Software"},{"@type":"ListItem","position":13,"url":"https://daily.dev/posts/liquid-glass-but-in-css-vr1n0xsds","name":"Liquid Glass, but in CSS"},{"@type":"ListItem","position":14,"url":"https://daily.dev/posts/tailwind-css-animations-plugin-community-powered-animation-magic-3mraqqsni","name":"Tailwind CSS Animations Plugin: Community-Powered Animation Magic"},{"@type":"ListItem","position":15,"url":"https://daily.dev/posts/lissy93-domain-locker-the-all-in-one-tool-for-keeping-track-of-your-domain-name-portfolio-got-d-c1af4ms40","name":"Lissy93/domain-locker: 🌐 The all-in-one tool, for keeping track of your domain name portfolio. Got domain names? Get Domain Locker!"},{"@type":"ListItem","position":16,"url":"https://daily.dev/posts/top-5-monorepo-tools-for-2025-okzn9x1u4","name":"Top 5 Monorepo Tools for 2025"},{"@type":"ListItem","position":17,"url":"https://daily.dev/posts/microsoft-magentic-ui-a-research-prototype-of-a-human-centered-web-agent-hiciinwal","name":"microsoft/magentic-ui: A research prototype of a human-centered web agent"},{"@type":"ListItem","position":18,"url":"https://daily.dev/posts/jujumilk3-leaked-system-prompts-collection-of-leaked-system-prompts-va8ecdxod","name":"jujumilk3/leaked-system-prompts: Collection of leaked system prompts"},{"@type":"ListItem","position":19,"url":"https://daily.dev/posts/dynaui-ops0skk2n","name":"DynaUI"},{"@type":"ListItem","position":20,"url":"https://daily.dev/posts/learn-microservices-and-kafka-with-an-e-commerce-example-kafka-tutorial-for-beginners-hd1mvkgpu","name":"Learn Microservices and Kafka with an E-commerce Example | Kafka Tutorial for beginners"},{"@type":"ListItem","position":21,"url":"https://daily.dev/posts/animate-ui-animate-ui-fully-animated-open-source-component-distribution-built-with-react-typescri-i4jjddoxm","name":"animate-ui/animate-ui: Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI. Browse a list of components you can install, modify, and u"},{"@type":"ListItem","position":22,"url":"https://daily.dev/posts/the-best-productivity-apps-you-need-right-now-ngsgw7dk9","name":"The Best Productivity Apps You Need Right Now"},{"@type":"ListItem","position":23,"url":"https://daily.dev/posts/chatwoot-the-modern-open-source-self-hosted-customer-support-platform-alternative-to-intercom-an-caubhf2tw","name":"Chatwoot: The modern, open source, self-hosted customer support platform. Alternative to Intercom and Zendesk."},{"@type":"ListItem","position":24,"url":"https://daily.dev/posts/search-params-are-state-ra6mrw4vd","name":"Search Params Are State"},{"@type":"ListItem","position":25,"url":"https://daily.dev/posts/caddy-guide-cheatsheet-k8gi9gd3z","name":"Caddy Guide / Cheatsheet"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Sources","item":"https://daily.dev/sources"},{"@type":"ListItem","position":3,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":4,"name":"Best of","item":"https://daily.dev/sources/community/best-of"},{"@type":"ListItem","position":5,"name":"June 2025"}]}]} ```