Community Picks·49wAnimate 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.
JavaScript Mastery·50wBuild 3 Full-Stack Web Apps That Will Land You a Dev Job (12-Hour Full Course)
A comprehensive 12-hour course teaching React development through building three production-ready applications: a movie app with trending features, a serverless file management system, and an AI-powered travel admin panel. Covers React 19 fundamentals, hooks, state management, component architecture, styling with Tailwind CSS v4, and deployment strategies. Uses modern tools like Next.js 15, Appwrite for backend services, and includes practical examples of authentication, file handling, and API integration.
Community Picks·50wTailwind 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.
Community Picks·47wDynaUI
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.
Frontend Masters·51wJust Launched: My New Dev Portfolio Built with Next.js, Tailwind & Motion Magic 💻✨
A developer showcases their newly launched portfolio website built using Next.js for performance and SEO, Tailwind CSS for styling, and animation libraries like GSAP and Framer Motion. The portfolio emphasizes smooth interactions, accessibility, responsiveness, and clean minimal design with personality. The project demonstrates modern frontend development practices combining performance optimization with engaging user experience.
Collections·48wBuilding a Comprehensive Calendly Clone with Next.js, TypeScript, and Tailwind CSS
A comprehensive tutorial for building a Calendly-like scheduling application using Next.js 15, TypeScript, React 19, and Tailwind CSS. The project includes user authentication with Clerk, Google Calendar integration, event management, PostgreSQL database with Drizzle ORM, and real-time scheduling functionality with timezone handling. The tutorial covers both frontend and backend development, resulting in a production-ready application with public booking pages and intuitive navigation.
Community Picks·49wMade with TailwindCSS, shadcn/ui, Radix UI and Figma.
MynaUI is a comprehensive design system and UI kit built with TailwindCSS, shadcn/ui, and Radix UI. It provides customizable building blocks including elements, forms, marketing components, and application-specific components for web development projects.
Community Picks·50wShadcn UI Blocks
A collection of pre-built UI blocks and templates using Shadcn UI components and Tailwind CSS. These ready-to-use components can be copied and pasted into any React framework project, providing developers with beautiful, consistent interface elements without building from scratch.
Larablog·48wBuild A Search UI
A step-by-step guide to building a basic search UI using TypeSense and Laravel. Covers creating a simple Blade view with a search form, integrating TypeSense client to query a books collection, and displaying results in a styled list. The tutorial demonstrates setting up routes, handling query parameters, performing searches on the title field, and using Tailwind CSS for styling. This foundation prepares for more advanced features like instant search, result highlighting, and faceted filtering.
YouTube·47wBuild and Deploy a Full Stack Movie Ticket Booking App using React js | MERN Stack Project
A comprehensive tutorial for building a movie ticket booking application using the MERN stack. The project includes user authentication with multiple sign-up options (email, Google, phone), seat selection functionality, payment processing, and an admin dashboard for managing movies and bookings. Features include email notifications, seat reservation with timeout, multi-session authentication, and responsive design with Tailwind CSS. The tutorial covers project setup, component creation, routing, and deployment using Vercel.
