Dev Tools·46wPattern Craft: Beautiful backgrounds for your next big thing
Pattern Craft is a new tool offering a modern collection of background patterns, gradients, and glow effects designed for landing pages, portfolios, and web applications. The tool provides professional-grade backgrounds that can be easily copied and pasted into projects, with built-in support for modern CSS and Tailwind CSS for seamless integration.
WebCraft·45wCollection of UI components. Built for Next.js and React with Tailwind CSS and shadcn/ui
Kokonutui offers over 100 open-source UI components specifically designed for React and Next.js applications. The components are built using Tailwind CSS, shadcn/ui, and Motion, providing modern and visually appealing interface elements for web developers.
WebCraft·46wPattern Craft: Beautiful backgrounds for your next big thing
Pattern Craft is a new tool that provides a modern collection of background patterns, gradients, and glow effects designed for landing pages, portfolios, and web applications. The tool offers professional-grade backgrounds that can be easily copied and pasted into projects, with built-in support for modern CSS and Tailwind CSS for seamless integration.
All Tailwind CSS·46wPattern Craft: Beautiful backgrounds for your next big thing
Pattern Craft is a free collection of modern background patterns, gradients, and glow effects designed for Tailwind CSS. The tool provides professional-grade backgrounds that can be easily copied and pasted into landing pages, portfolios, and web applications, offering seamless integration with modern CSS and Tailwind frameworks.
YouTube·44wBuild and Deploy a Full Stack Car Rental Booking App using React js & ImageKit | MERN Stack Project
A comprehensive tutorial for building a car rental booking platform using the MERN stack (MongoDB, Express, React, Node.js). The project includes user authentication, car listing functionality, booking management, owner dashboard, and image optimization using ImageKit. Features include animated homepage, search functionality, date selection forms, car filtering, booking status management, and profile image uploads. The tutorial covers project setup with Vite, Tailwind CSS integration, React Router implementation, component creation, and deployment on Vercel.
Reinier·46wThe Web Is Your Component Library
YoinkUI is a Chrome extension that allows developers to extract clean, reusable Tailwind CSS and React code from any website by simply right-clicking on UI elements. The tool generates production-ready components without requiring developer tools or manual code inspection, targeting frontend developers, designers, and indie builders who want to quickly prototype and build inspired by existing web interfaces.
Prismic·44wTailwind CSS Grid: Complete Guide & Examples
CSS Grid is a powerful 2-dimensional layout system that becomes even more accessible when combined with Tailwind CSS utility classes. The guide covers creating grid containers with `grid` and `inline-grid` classes, managing columns using `grid-cols-x` and positioning classes like `col-span-x`, controlling rows with `grid-rows-x` and `row-start-x` classes, and handling spacing with `gap` utilities. It also explains alignment properties including `justify-items`, `items`, `content`, and `justify` for precise control over grid item positioning. The tutorial includes practical examples like blog post grids and website layouts, plus a comprehensive cheatsheet mapping CSS Grid properties to their Tailwind equivalents.
All Frontend·46wPattern Craft: Beautiful backgrounds for your next big thing
Pattern Craft offers a collection of professional-grade background patterns and gradients designed for websites and applications. The patterns are built with modern CSS and Tailwind CSS, allowing developers to easily copy and paste them into their projects for seamless integration.
Product Hunt·43wShuffle: An online editor for Tailwind CSS, Bootstrap, and more!
Shuffle is an online visual editor offering drag-and-drop interface with 1000+ ready-made UI components for Tailwind CSS and Bootstrap. The new Shuffle CLI bridges visual design and AI code editors by syncing projects locally, allowing developers to design visually in Shuffle then continue development in IDEs like Cursor, Windsurf, and Claude Code with full AI assistance.
YouTube·45w3 More Ways To ACTUALLY Build Beautiful Websites with Cursor IDE
Three advanced methods for building beautiful websites with Cursor IDE: using structured JSON prompts for comprehensive frontend planning, leveraging Browser MCP to clone existing site structures, and utilizing Stage Wise extension for precise UI element editing. Each method addresses common issues like AI hallucination and imprecise modifications by providing better context and control over the development process.
JavaScript Mastery·44wBuild an Enterprise Ready AI Powered Applicant Tracking System
A comprehensive tutorial for building an AI-powered resume analyzer using React, TypeScript, and Puter.js. The application allows users to upload resumes, compare them against job descriptions, and receive AI-generated feedback with ATS scores. Features include serverless architecture with zero infrastructure costs, free AI integration (GPT, Claude, Grok), secure file storage, and responsive UI design. The tutorial covers authentication, file uploads, state management with Zustand, and modern React patterns including React Router v7.
All Things Frontend·42wGradientCSS — Instantly Modern Gradients for Web Projects
GradientCSS is an open-source tool that provides a curated collection of modern gradients for web projects. It offers one-click copying and exporting in multiple formats including CSS, Tailwind, SCSS, SVG, and images. The tool features live preview, animation controls, and supports various gradient types (linear, radial, conic) without requiring user registration.
tailwindcss·43wVanilla JavaScript support for Tailwind Plus
Tailwind Plus now includes vanilla JavaScript support through @tailwindplus/elements, a library of headless custom elements that make interactive UI components like dropdowns, dialogs, and command palettes work without requiring React or Vue. The library leverages modern web platform features like custom elements, the popover attribute, and native dialog elements to provide accessible, framework-agnostic components that can be styled with utility classes and work across different web frameworks.
Web Tools Weekly·44wWeb Tools #626 -
A curated collection of web development tools and resources including React component libraries, UI frameworks, build tools, static site generators, and CMS solutions. Features tools like MCP Boilerplate for Cloudflare servers, Spectrum UI with 250+ animated components, Basecoat component library for any web stack, and various Eleventy and Astro templates for documentation sites.