AI Resources

Agents

• Browser Use: Make websites accessible for AI agents. Extract interactive elements and automate browser interactions.
• Convergence Proxy: It's a fully automated AI assistant for your daily tasks.
• Manus: It's a general AI agent that turns your thoughts into actions. It excels at various tasks in work and life, getting everything done while you rest.

Alternatives to ChatGPT and DeepSeek

• Copilot: An AI assistant from Microsoft.
• Gemini: An AI assistant from Google.
• Claude: An AI assistant from Anthropic.
• Perplexity: A free AI-powered answer engine that provides accurate, trusted, and real-time answers to any question.
• Qwen: Qwen Chat offers comprehensive functionality spanning chatbot, image and video understanding, image generation, document processing, web search integration, tool utilization, and artifacts.
• Kimi: Kimi is a new-quality productivity tool for students and professionals. It helps you interpret academic papers, write code and debug, plan strategies, create novels, and translate in multiple languages. When you have questions, just ask Kimi, and it will solve all your problems with just one click.
• Mistral LeChat: Chat with Mistral AI's most advanced language models.
• Mercury Coder: The first commercial-grade diffusion LLM.
• Google AI Studio: The fastest way to start building with Gemini, our next generation family of multimodal generative AI models.

Database

• database.build: In-browser Postgres sandbox with AI assistance.

Generators

• a0.dev: Create apps from text descriptions.
• v0.dev: Generate UI with simple text prompts. Copy, paste, ship.
• bolt.new: Prompt, run, edit, and deploy full-stack and mobile apps.
• Tinte: VS Code Theme generator that helps you create stunning and consistent color themes for your IDE. With a wide range of preset colors and customization options, Tinte makes it easy to design beautiful VS Code themes.
• Lovable: Build software products, using only a chat interface.
• new.email: Create beautiful email templates using natural language.

Prompts

• prompts.chat: This repo includes ChatGPT prompt curation to use ChatGPT and other LLM tools better.

Resources

API Development

• Hoppscotch: An open source alternative to Postman without installations. Helps you create requests faster, saving precious time on development.

Benchmarks

• BenchJS: Run, compare, and share JavaScript benchmarks in your browser.

Checklists

• The Front-End Checklist: It's perfect for modern websites and meticulous developers! Follow the rules and deliver the best of your work in a generated report!

Debugging

• Source Map Visualization: A visualization of JavaScript/CSS source map data, which is useful for debugging problems with generated source maps.

Demos

• Chrome for Developers: Demo Space

Documentation

• DevDocs: Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…

Generators

• Colour Palette Generator: Super Fast Color Palette Generator! Just click the Generate button or press Spacebar to get new color scheme instantly.
• CSS Grid Generator: A user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
• CSS Glassmorphism Generator: Create a glassmorphism effect with pure CSS or Tailwind CSS. Customize the background, blur, and opacity, then grab the CSS code with vendor prefixes.
• CSS Layout Generator: A CSS Grid generator & CSS Flexbox generator. A tool for generating UI layout component code.
• Easing Wizard: Generate and customize CSS easing functions with ease and magical precision using Easing Wizard.
• Fancy Border Radius Generator: A visual generator to build organic looking shapes with the help of CSS border-radius property.
• Mesh Gradient: Create beautiful mesh gradients.
• Scrollbar.app: Simple CSS scrollbar editor.
• Tailwind Generator: Collection of useful tools and generators for Tailwind to create, design and customize all kind of web components using a graphical editor.
• Tailwind Grid Generator: A user-friendly tool designed for web developers to effortlessly create customizable Tailwind CSS grids for seamless web development.
• tweakcn: A visual editor for shadcn/ui components. Currently in beta with button component support. Customize and export beautiful components with ease.

Icons & Illustrations

• Avaaatars: The largest Library of Avatars in the world. Customizable and commercially free.
• Devicon: A set of icons representing programming languages, designing, and development tools.
• Iconify Icons: Open source vector icons from all popular icon sets: +245k icons from +150 icon sets.
• Isocons: Carefully crafted isometric icons.
• Lucide: Beautiful & consistent icon toolkit made by the community.
• Reshot: Design freely with instant downloads of curated SVG icons and vector illustrations. All free with commercial licensing. No attribution required.
• svgl: A beautiful library with SVG logos.
• Tabler Icons: +5800 free and open source SVG icons. Customizable size, color and stroke. Available for React, SolidJS, Vue, Figma and more for free!
• TechIcons: Download, copy and paste tech icons in SVG and PNG format for your projects.

Image Editors

• CleanSnap: A free AI tool that quickly transforms screenshots into watermark-free, professional images for sharing on social media. Simple and fast!
• CodeSnap: An image editor for developers, who want to share beautiful images of their code.
• PostSpark: Quickly create stunning screenshots for social media with customizable backgrounds, browser frames, aspect ratios, borders, and more. Enhance your posts in just a few clicks!
• ray.so: Turn your code into beautiful images. Choose from a range of syntax colors, hide or show the background, and toggle between a dark and light window.
• Shots: Create Amazing Mockups.

Image Tools

• bg.addy.ie: Free image background removal - private, client-side and powered by Transformers.js
• ITOA: Convert images to ASCII art with optional color support.
• Squish: Fast, efficient batch image compression right in your browser. Supports AVIF, JPEG, JXL, PNG, and WebP formats with adjustable quality settings.
• Squoosh: An image optimizer that allows you to compress and compare images with different codecs in your browser.

Loading Animations

• LDRS — UI Ball: Free, open-source loading animations. Available as copy/paste HTML or drop-in web components. Compatible with every modern framework.
• magecdn - SVG Spinners: 100+ Open Source SVG Spinners. No attribution required.

NPM Package Analysis

• Bundlephobia: Bundlephobia helps you find the performance impact of npm packages. Find the size of any javascript package and its effect on your frontend bundle.
• NPM Chart: Visualize npm downloads in a beautiful chart, ready to be shared with your community.

Playground

• codi.link: Live editor for HTML, CSS and JS. Edit your code in real-time, and see the result instantly.
• SQL Playground: Explore, learn, and share SQL queries in our free online SQL playground. Support for MySQL and PostgreSQL, perfect for testing and enhancing your SQL skills.
• RunTS: A TypeScript playground for running typescript code with: Themes, Auto-refresh, Live execution, Open Source, Open to contributions.
• Tailwind Play: An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.

Snippets

• BG.IBELICK: A collection of modern background snippets for web developers. Ready-to-use snippets crafted with Tailwind CSS and Vanilla CSS for seamless integration.

Status

• Web Platform Status: A tool to monitor and track the status of all Web Platform features across dimensions that are related to availability and implementation quality across browsers, and adoption by web developers.

Testing

• RegExr: Regular expression tester with syntax highlighting, PHP / PCRE & JS Support, contextual help, cheat sheet, reference, and searchable community patterns.
• RunSQL: Free online SQL playground for MySQL, PostgreSQL, and SQL Server. Create database structures, run queries, and share results instantly.

UI / UX

• CallToInspiration: Small details for very exacting ideas! A great tool created by a deisnger for web professionals.
• Colors & Fonts: Explore Colors & Fonts, your go-to resource for color and typography tools designed for web developers and digital designers.
• Dark Themed Web Design Inspiration: The best hand-picked dark themed websites on the internet. From designers for designers.
• Fontjoy: Fontjoy helps designers choose the best font combinations. Mix and match different fonts for the perfect pairing.
• Fontsource: Download and self-host 1500+ open-source fonts in neatly bundled NPM packages. Access a comprehensive library of web typefaces for free.
• Happy Hues: See color palette inspiration on a real example website. As you click on different palettes every color on this site updates to give you context of how that color could be used for your design or illustration projects.
• Laws of UX: A collection of best practices that designers can consider when building user interfaces.
• OKLCH Color Picker & Converter: OKLCH is a new way to encode colors (like HEX, RGBA, or HSL).
• Realtime Colors: Visualize your colors and fonts on a real website.
• Stack Sorted: Find Inspiration in Design Elements. Collection of the web's best designs sorted by elements.
• uifonts.app: Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease.

UI Components

• Shadcn based
  • 21st.dev: Ship polished UIs faster with ready-to-use React Tailwind components inspired by shadcn/ui.
  • Kibo UI: A custom registry of composable, accessible and open source components designed for use with shadcn/ui.
  • Origin UI: An extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.
• Non-Shadcn based
  • Basecoat: A components library built with Tailwind CSS that works with any web stack.
  • HyperUI: Free Tailwind CSS components that can be used in your next project.
  • Starwind UI: A set of powerful, accessible components for your Astro projects. Styled with Tailwind CSS v4. Open Source.
  • Tremor: Open-source, accessible React UI components styled with Tailwind CSS to build charts and dashboards.