Top Voted Tools by Category
Productivity
Allora is a comprehensive platform designed to streamline project management, invoicing, and time tracking for freelancers and small businesses. With a focus on automation and multi-chain support, it simplifies both crypto and fiat invoicing while ensuring compliance and efficiency.
Manage tasks, organize links, take notes, and track timeβall in one place. Create to-dos, schedule tasks, log hours, analyze productivity, and optimize your time
Fast, scalable infrastructure for tracking events. Powered by ClickHouse and Kafka.
Discover Web Tools is a comprehensive platform offering a wide range of free tools for web developers, designers, and digital marketers. With tools for code formatting, SEO optimization, media editing, and security analysis, it helps streamline workflows and improve productivity. Regularly updated and maintained, it aims to be an all-in-one resource for digital professionals.
Vaulto makes organizing and accessing your bookmarks simple and efficient. Save your favorite links, search them easily with full-text and AI-powered search, group bookmarks for better organization, and create shared bookmark lists. Everything you need to manage your online content, all in one place.
Welcome to PageTools, your destination for free AI tools to ramp up your online social presence.
Side Panel Notepad is your ultimate productivity tool, designed to let you write and manage notes seamlessly without disrupting your workflow. Open it as a side panel, take notes while browsing, and enjoy an effortless, distraction-free experience. Key Features: π Write While You Browse: Open the notepad as a side panel and take notes alongside your work or research. π Unlimited Files: Create and manage as many notes as you need without restrictions. πΎ Auto-Save: Your notes are automatically saved, so you never lose your progress. π Export to DOCX: Download your notes in a professional DOCX format for easy sharing or backup. π Dark & Light Modes: Switch between themes to match your preference or environment. β¨οΈ Quick Access Shortcut: Open the notepad instantly with a simple shortcut button. π 100% Privacy & Security: Your data stays local in your browserβno servers, no risks, just total security. π No Sign-In, No Ads, 100% Free: Enjoy full access to all features with no sign-ups, no ads, and absolutely no cost. Take notes without leaving your work! Install Side Panel Notepad now and supercharge your productivity.
ProfileMe.dev | Create an amazing GitHub profile in minutes
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
vToolbox : Your Ultimate Destination for All-in-One Tools! Discover a comprehensive suite of all types of tools, and unleash your full potential today!
Share quick reference and cheat sheet for developers
Efficiently manage your tasks and boost productivity with Worklog Buddy. Track time, create to-dos, and set milestones all in one place.
GitHub is where people build software. More than 150 million people use GitHub to discover, fork, and contribute to over 420 million projects.
Miro is the innovation workspace where teams manage projects, design products, and build the future together. Join 80M+ users from around the world.
Your shortcut to Generate Raw GitHub Links
FREE tools for developers like encoder/decoder, HTML/CSS/Javascript formatters, minifiers, fake or test data generators & much more.
OpenPanel is a simple, affordable open-source alternative to Mixpanel for web and product analytics. Get powerful insights without the complexity.
Discover Powerful Tools Unlock the potential of your workflow with our innovative tools designed to simplify tasks, boost prod...
UR Cache Cleaner is a VS Code extension which helps you to Clear Cache of your Drupal project with single click of a Button without switching to Admin Panel or Terminal. Only build for Linux/Mac OS.
400+ programming terms explained clearly. Open-source tech dictionary with category filters for frontend, backend, DevOps, and CS fundamentals. Community-maintained knowledge base.
If you need effective code tools which are 100% free, you're on the right place. Check out our free code tools for adjusting code, creating meta tags and more.
Ever wondered how much your GitHub account is worth? Or how many lines of code youβve written over time? GitHub Analyser gives you a fun breakdown of your GitHub activity with unique insights, including: π Estimated Account Worth β See how valuable your GitHub profile is based on contributions, repositories, and more. π Lines of Code Written β Get a rough estimate of how much code youβve pushed. β Coffees Consumed β A fun guess based on your coding activity! π Your Rank β Compare your profile with others and see where you stand. π‘ More Exciting Stats β Explore other cool metrics that make your coding journey fun! Simply enter your GitHub username and get instant insights!
Frontend
Flash UI is a lightning-fast component library designed for developers. Build stunning interfaces effortlessly with our ready-to-use, copy-paste components. Simplify your workflow, enhance user experience, and accelerate your projectβs development seamlessly!
Shadcn Form Builder
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.
EldoraUI offers a collection of open-source Tailwind CSS components for building responsive and modern UIs effortlessly.
Javascript animation engine
Beautifully designed components built with Ark UI and Panda CSS that work with a variety of JS frameworks.
Generate CSS clamp() function which effortlessly scales a value between two points, all in response to varying view widths. This calculator computes CSS clamp() function using the minimum and maximum view width points, ensuring your content dynamically adapts to different screen sizes with ease. Embrace the power of flexibility and responsiveness to create an optimal user experience across devices.
you can use this tool to make a professional UI design and build it using ai. you can also chat with the ai modal and make changes to the design as you want
An enterprise-class UI design language and React UI library with a set of high-quality React components, one of best React UI library for enterprises
The modern way to create CSS shapes using a minimal code and a single element. A collection of CSS-only shapes created by Temani Afif.
Official open source SVG icon library for Bootstrap
Beautiful UI components and templates by the creators of Tailwind CSS.
FlyonUI is the easiest, free and open-source Tailwind CSS components library with semantic classes.
Atropos is a lightweight, free and open-source JavaScript library to create stunning touch-friendly 3D parallax hover effects.
Create beautiful and engaging code snippets with ease using Picyard's eye catchy code snippet creator. Choose from various themes and languages, customize your code, and share it anywhere! With our intuitive interface and precise customization options, showcasing your code has never been easier.
Novu is an open-source notification platform that empowers developers to create robust, multi-channel notifications for web and mobile apps. With powerful workflows, seamless integrations, and a flexible API-first approach, Novu enables product teams to manage notifications without breaking production.
A dependency-free JavaScript ES6 slider and carousel. Itβs lightweight, flexible and fast. Designed to slide. No less, no more
ShadcnUI provides beautifully designed and accessible components you can copy and paste directly into your apps, with full customization options.
Scrollbar.app is a web app that allows you to design custom scrollbars for the web, providing simplicity and a range of styling options
Splide is a lightweight, flexible and accessible slider/carousel, written in TypeScript. No dependencies, no Lighthouse errors
HyperUI offers a collection of open-source Tailwind CSS components for building responsive and modern UIs effortlessly
React Bits is a library of animated and interactive React components designed to streamline UI development and simplify your workflow. From simple text animations to complex 3D components, React Bits provides everything you need to create unique and impactful websites. The project embraces simplicity as its core philosophyβit maintains minimal dependencies and offers code that integrates seamlessly into your projects. Components often rely on zero dependencies or in some cases, a single animation library, for smooth effects and cleaner code, leaving plenty of room for customization.
An animated number component. Dependency-free. Accessible. Customizable.
Download Free Icons and Stickers for your projects. Resources made by and for designers. PNG, SVG, EPS, PSD and CSS formats.
Create forms with Shadcn, react-hook-form and zod within minutes.
π Introducing React AI β the revolutionary open-source tool that empowers developers to generate React components in SECONDS! Say goodbye to tedious coding and hello to effortless development!
Material UI is an open-source React component library that implements Google's Material Design. It's comprehensive and can be used in production out of the box.
A suite a helpful free tools for working with Markdown. MarkdownTools is open source
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
A simple JavaScript tool for converting any layout you have to drag-to-swap layout
A free SVG shape generator to create beautiful SVG blob shapes for your web design. Supports gradient, complexity levels and more!
CRM admin dashboard template offers a streamlined and interactive interface for managing customer relationships, tracking sales, and analyzing performance metrics. Built with shadcn/ui, Tailwind CSS, Next.js.
Collection of free HTML and CSS button code examples
Download, copy and paste tech icons in SVG and PNG format for your projects.
Iconify provides a collection of over 100 icon packs with a unified interface, allowing you to export icons for popular frameworks or as SVGs
Discover free HTML website templates built with vanilla CSS, Bootstrap, Tailwind, Angular, React, Vue, Nextjs, Nuxt, Svelte, Gatsby, Astro and Laravel.
Custom UI Components
Customize Shadcn UI to match your style. Choose colors, adjust themes, and copy the generated CSS.
Get started quickly with Next.js, Postgres, and Stripe.
A visual tool for experimenting with flexbox layouts
Boost your web application's performance with reusable blocks built on shadcn/ui, Framer Motion, designed for efficiency and scalability. You can copy and paste. Open Source.
The Atomic UI Framework - Experience the power of Unocss Engine, enabling the creation of fast, modern, and lightweight components with ease.
NextUI offers an easy-to-use library for creating stunning and responsive user interfaces in React and Next.js
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!
CSS Grid is an incredibly powerful tool for building layouts on the web, but like all powerful tools, there's a significant learning curve. In this tutorial, we'll build a mental model for how CSS Grid works and how we can use it effectively. I'll share the biggest π‘ lightbulb moments I've had in my own learning journey.
An online playground to convert CSS to TailwindCSS
Animate your GitHub Stars, boost engagement with your audience.
shadcn/ui expansions collect lots of useful components which shadcn/ui does not have out of box. All the components are base on shadcn/ui. Just copy and paste. The component is yours.
Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, and Motion. Browse a list of components you can install, modify, and use in your projects.
Evergreen is a React UI Framework for building ambitious products on the web. Made by Segment in San Francisco, CA.
Built-in ui component, copy paste use it
It's easy! Select an algorithm and interactively make your own unique digital artwork.
You are just one step away from unlocking a whole new level of web development speed
Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
An open source collection of high quality, animated, interactive & fully customizable React components for building stunning, memorable user interfaces.
Create fully responsive shape dividers for your next web project
Build your own UI library with the flexibility of Tailwind CSS and the convenience of PrimeVue components.
Online GitHub tree viewer β explore any public GitHub repository, visualize folder structures, copy individual paths or complete trees instantly. No cloning required.
Progressive Web Application with 12 open source frontend focused tools
A visual tool for experimenting with flexbox layouts
An open-source library with unstyled, primitive components, accompanied by a variety of examples & use cases ready to be integrated into your projects.
50+ UI Components for Tailwind CSS
Grommet documentation
Carbon is IBMβs open source design system for products and digital experiences. With the IBM Design Language as its foundation, the system consists of working code, design tools and resources, human interface guidelines, and a vibrant community of contributors.
Free SaaS website blocks based on React with shadcn & Tailwind
Easily create custom themes from a single colour that you can copy and paste into your apps.
Simple, Modular & Accessible UI Components for your React Applications
An open source component library optimized for fast development, easy maintenance, and accessibility. Just import and goβno configuration required.
Extended animation utilities for Tailwind CSS
SVG converter CSS Backgroundγimage/svg+xml;base64 url
blocks.so
css.glass is a free web app that generates CSS for glassmorphic designs, perfect for modern UI trends
Generate gradients for your shadows with pure CSS. This generator makes it easy for you.
LoaderShip is the ultimate CSS-only loader configuration tool that allows you to effortlessly customize and generate stunning loaders for your website. Simply Copy & Paste without any installation or dependency hassle.
DaisyUI provides beautifully designed components that integrate seamlessly with Tailwind CSS while reducing the need to write extensive class names
Logo.dev is a powerful API that provides access to over 44 million brand logos, simplifying logo integration into apps with as little as one API call.
Lucide provides a consistent and customizable SVG icon toolkit with modern designs, ensuring seamless integration into your projects
Nextra: the next docs builder
The Alpha Colors Generator creates customizable color palettes with adjustable transparency, aiding in design projects by enhancing visual appeal.
Pacis is a set of utilities that are mainly UI components that help you build beautiful web interfaces with the Go programming language.
AnimXYZ helps you create, customize, and compose animations for your website. Powered by CSS variables to allow a nearly limitless number of unique animations without writing a single keyframe
Get started with this free CSS generator based on the glassmorphism design specifications
Discover the newest hand-picked palettes of Color Hunt
An extensive collection of copy-and-paste components for quickly building app UIs. Free, open-source, and ready to drop into your projects.
Animista is a CSS animation library and a place where you can play with a collection of ready-made CSS animations and download only those you will use.
Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
CSS Grid Generator - a user-friendly tool designed for web developers to effortlessly create customizable CSS grids for seamless web development.
Customise, adjust and download free vector icons. Ikonate is an adaptable set of optimised, accessible SVG icons that use can easily use in both development and design apps such as Sketch and Photoshop. Ready to use as images, inline SVGs or SVG sprites.
hypercolor.dev offers a curated collection of Tailwind CSS color gradients along with tools to create and customize your own gradients
TW Elements recreates Bootstrap components using Tailwind CSS, offering better design and more functionalities for modern web projects
Beautiful pure CSS background patterns that you can actually use in your projects!
Explore 40,000+ high-quality icons in 9 styles with Hugeicons. Perfect for web, mobile apps, SaaS, and UI design.
MingCute is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.
A CSS gradient generator creates smooth color transitions for backgrounds and generates the CSS code needed for use.
Backend
DevToys is a cross-platform Swiss Army knife for developers. DevToys helps in daily tasks like formatting JSON, comparing text, testing RegExp. No need to use many untruthful websites to do simple tasks with your data.
Generate massive amounts of fake (but realistic) data for testing and development.
Default description
Create, Subscribe, Notify All in One Place
The html to pdf platform for developers
Default description
Other
Talk with Claude, an AI assistant from Anthropic
From events, hackathons, newsletters to channels, forums and page builder, Commudle is an all-in-one solution to build your enterprise or individual led developer communities. For individual developers, it's the go to ecosystem to showcase your achievements and build a strong network.
Discover detailed information about npm packages.
It mixes your text string with numbers by keeping readability. 2 styles avilable now!
All roadmap in one place for developers
Peer-to-peer file transfers in your web browser.
CI/CD
Stop wasting time on manual deployments. DeployHQ provides a complete solution for automating your deployments, with support for multiple servers, branching strategies, and integrations with popular tools. Focus on building great software, and let DeployHQ handle the rest.
Jenkins β an open source automation server which enables developers around the world to reliably build, test, and deploy their software
Design
A visual editor for shadcn/ui components. Currently in beta with button component support. Customize and export beautiful components with ease.
ColorHub | Find the perfect color palette for your next project
Create and customize beautiful Tailwind CSS color palettes. Generate, edit, and export colors for your design with our intuitive color generator tool.
A Simple App to convert ur Codes into Beautiful Timelines
Explore the world wide web of fonts
PlayCanvas React: Full featured 3D for React
A Collection of dark and light theme toggles, built with SVG's driven by CSS transitions. This dark mode switches library comes with official React support
Fast drawing for everyone. AutoDraw pairs machine learning with drawings from talented artists to help you draw stuff fast.
Monicon is a icon library for Modern Frameworks
Turn any GitHub repository into an interactive diagram for visualization in seconds.
Screenshoty is an application designed to generate beautiful screenshots effortlessly.
Components about animations and Effects for your website.
Create technical diagrams using AI. Deliver consistent, accurate designs faster.
Test and preview fonts in real-time for all your design needs. Choose the perfect typeface with ease
Making the web more beautiful, fast, and open through great typography
Test a user journey on your website, replicate a bug, and share results with your developers!
A simple gradient generator tool made by designer for designers to create stunning gradients with customizable colors, text, and effects. Use it for your designs, wallpapers, presentations, or mockups or just for fun.
Lunacy by Icons8 is free graphic design software for Windows, macOS, Linux. Open, edit sketch files with ease. Built-in vector, photos, UI kits, and more.
Rosencharts is a collection of beautiful charts for React
Selected high-quality, modern design, professional & easy-to-use Premium & Free Admin Template, HTML Themes & UI Kits for faster applications!
A curated collection of beautiful customizable video backgrounds for you to edit and use in your own projects.
A free SVG wave generator to make unique SVG waves for your next web design. Choose a curve, adjust complexity, randomize!
Generate and customize CSS easing functions with ease and magical precision using Easing Wizard π§
Come to WebGradients.com for 180 beautiful linear gradients in CSS3, Photoshop and Sketch. This collection is curated by top designers and totally free.
Spline is a free 3D design software with real-time collaboration to create web interactive experiences in the browser. Easy 3d modeling, animation, textures, and more.
beautifully crafted animated icons
Generate random gradients and export them as CSS, JPEG or PNG
Generate fluid typography code snippets using modern CSS clamp function and fine-tune fluid typography behavior using this robust and sleek editor.
Testing
Middleware's observability platform gives you complete visibility into your tech stack to monitor and diagnose issues at scale with total control over your data.
Keploy is an AI-powered tool that generates test cases and mocks/stubs for unit, integration, and API testing, helping developers achieve 90% test coverage in minutes. With open-source automation and enhanced test reliability, Keploy simplifies testing workflows.
Test CORS on your API URL with this online CORS Tester. Verify CORS policies, check headers, and get actionable insights to fix issues. Ensure cross-origin resource sharing works effortlessly!
FakeData is a simple and fast app that allows you to generate realistic data for testing, development, and simulations.
UnusedCSS is an online tool to remove unused CSS rules. It will check your pages, find unused CSS and let you download a clean CSS file.
Hoppscotch β’ Open source API development ecosystem
Fullstack
A collection of powerful productivity tools all within an extendable launcher.
Track user behavior, page views, and more with our easy-to-use analytics solution. Gain actionable insights to optimize your website's performance.
User management, authentication, 2FA/MFA, prebuilt UI components for sign-in, sign-up, user profiles, and more. Free up to 10,000 monthly active users
https://freetool.vercel.app/
Build beautiful production ready mobile apps with AI. Use FlexApp to go from idea to app store with AI.
Extensions
A Chrome extension for managing and organizing tabs
WhatFont is in the same realm as ColorZilla. you may see a font that you really like and wany to use and instead of digging through the sites CSS files, you can just use this extension to find out which font is being used.
Browser Dev Tools for Turbo and Stimulus. Contribute to leonvogt/hotwire-dev-tools development by creating an account on GitHub.
A simple CSS property viewer.
Test sites on multiple devices in one tab. Improve development, UI/UX, & QA with live previews.
Dark Reader is a popular extension allowing you to enable dark mode on any website. It's easier on your eyes and it's also great for web developers because you can see how your site looks in dark mode.
A Chrome extension `Form Troubleshooter` for identifying and resolving common form issues, ensuring smoother form functionality and user experience.
ColorZilla is a color picker and gradient generator that you can use to get the color of any pixel on a webpage
Quick copy text snippets from library
It can make the sub-directories and files of github repository as zip and download it
Save and highlight web pages in a private and durable format that you can access offline. The official extension for Obsidian.
DevOps
Welcome to the world's largest container registry built for developers and open source contributors to find, use, and share their container images. Build, push and pull.
From planning to production, bring teams together in one application. Ship secure code more efficiently to deliver value faster.
Opensource
An open-source tool for finding alternative web
Craft beautiful emails effortlessly with Maily, the powerful email editor that ensures impeccable communication across all major clients.
Utilities
TinyWebP is a lightweight tool to convert JPG, PNG, GIF, and more to WebP format with ease.
Create a beautiful image of your source code to share on social media instantly. Simply copy and paste your code to make a shareable image.
TinyWebP is a lightweight tool to convert JPG, PNG, GIF, and more to WebP format with ease.
Easily generate customizable GitHub issue templates for your projects with our user-friendly tool.
API
Online JSON Viewer - Convert JSON Strings to a Friendly Readable Format, View JSON in table or Grid
ApyHub: A Modern API Platform to streamline API Development, Testing and Management. Take your API game to the next level with ApyHub.
IDE
vim out of the box
AI/ML
Increase model velocity and improve AI outcomes with Arize's AI and ML observability platform. Discover issues, diagnose problems, and improve performance.
Security
The Cyber Swiss Army Knife - a web app for encryption, encoding, compression and data analysis
Welcome to Raziel Rodrigues' website. Explore web development projects, insights, and technical expertise.
Documentation
Nextra is a framework built on top of Next.js that enables the creation of content-focused websites. It combines the robust features of Next.js with enhanced capabilities for crafting Markdown-based content.
Track Changes, Simplify Updates. Chxngelog provides hosted changelogs and a seamless API to make update tracking straightforward.
Forget building and maintaining your own custom docs platform. With GitBook you get beautiful documentation for your users, and a branch-based Git workflow your team will love.
Analytics
With Smartlook website analytics get a deep understanding of user behavior on your website. Use recordings, heatmaps, events & funnels to get to the insights.
Morelinq is a tool that can be used to transform cryptic links by shortening URLs efficiently, sharing file links effortlessly and QR code links with stunning skins.
Open Source
Stunning status pages, batteries included! Contribute to rajnandan1/kener development by creating an account on GitHub.
Discover Kommunitas: Your community-driven crypto platform for earning free tokens, staking rewards, and exclusive IDO launches. Join a supportive ecosystem built for crypto enthusiasts.
Mobile
Upload your pre-release build, share with testers, get feedback and make your app better. For both iOS & Android. Seamlessly integrate with your CI/CD tools.
Scrollbar.app is a web app that allows you to design custom scrollbars for the web, providing simplicity and a range of styling options