Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/teles/awesome-click-and-use

🤓 Awesome tools for developers daily usage. No download, no signup.
https://github.com/teles/awesome-click-and-use

List: awesome-click-and-use

hacktoberfest

Last synced: about 1 month ago
JSON representation

🤓 Awesome tools for developers daily usage. No download, no signup.

Awesome Lists containing this project

README 

        

# Awesome Click and Use



[![Download bookmarks file](https://img.shields.io/badge/download-bookmarks%20file-orange)](/dist/bookmarks.html)



Useful and awesome online tools that I often use. No download, no signup required. All of these tools are perfect for developers looking for **click and use** solutions—simply access them online and start working right away.



## Artificial Intelligence

* [ChatGPT](https://chat.openai.com/chat) - Dialogue optimized model

* [NotebookLM](https://notebooklm.google.com/) - AI-powered tool from Google for creating structured notes and assisting with research.



## Colors

* [Color Designer](https://colordesigner.io/) - Several useful tools including conversion between color models, color palette from image, and a visually appealing gradient generator

* [Colors stacks](https://lokeshdhakar.com/projects/color-stacks/) - A color palette generator for design systems

* [Tailwind CSS Color Generator](https://uicolors.app/create) - Tool for generating and customizing Tailwind color palettes; includes paid features



## CSS to copy

* [Beautiful CSS box-shadow examples](https://getcssscan.com/css-box-shadow-examples) - Box shadow examples to copy

* [Clippy](https://bennettfeely.com/clippy/) - A tool for creating and copying custom CSS shapes using `clip-path`.

* [CSS Loaders](https://css-loaders.com/classic/) - Pre-made CSS loaders that you can copy and customize for your projects.

* [Fancy Border Radius](https://9elements.github.io/fancy-border-radius/) - Interactive tool for creating complex border-radius shapes with CSS.

* [Neumorphism.io](https://neumorphism.io/#e0e0e0) - Generate and copy CSS for neumorphic designs.



## Data transform and visualization

* [CSV to JSON](https://csvjson.com/) - Transform CSV content to JSON arrays

* [DiffChecker](https://www.diffchecker.com/) - Compare two different files line by line

* [JSON Crack](https://jsoncrack.com/) - Visualize your JSON data instantly into graphs

* [JSON to CSV](https://csvjson.com/json2csv) - Transform JSON data to CSV file

* [JSON to TypeScript](https://quicktype.io/typescript) - Instantly generate TypeScript interfaces from JSON.

* [Mr. Data Converter](https://shancarter.github.io/mr-data-converter/) - Convert spreadsheet data into JSON, XML, SQL and more

* [QuickChart](https://quickchart.io/sandbox) - API for generating charts and visualizations via URL



## Diagrams

* [dbdiagram.io](https://dbdiagram.io/d) - Draw Entity-Relationship Diagrams, Painlessly

* [Excalidraw](https://excalidraw.com/) - Create sketch hand-drawn-like diagrams

* [Markmap](https://markmap.js.org/repl) - Build interactive mindmaps using markdown

* [Mermaid live editor](https://mermaid-js.github.io/mermaid-live-editor/edit) - Create and share diagrams using markdown language

* [Mind Meister](https://www.mindmeister.com/) - Tools for easily create mind maps 



## Guides

* [Advanced Bash-Scripting Guide](https://tldp.org/LDP/abs/html/) - An in-depth exploration of the art of shell scripting

* [Easing Functions Cheat Sheet](https://easings.net/) - Explanation and demonstrations of numerous easing functions



## Image manipulation

* [Carbon](https://carbon.now.sh) - Create beautiful images of your source code for sharing

* [Cleanup Pictures](https://cleanup.pictures/) - Remove unwanted objects from photos

* [favicon.io](https://favicon.io/) - Create favicons using text, images or emojis

* [Image Resizer](https://imageresizer.com/) - Resize images online without loss of quality

* [Remove.bg](https://www.remove.bg/pt-br/upload) - Remove image backgrounds automatically

* [SVG Optimizer](https://svgoptimizer.com/) - Minify svg files

* [SVG to PNG](https://svgtopng.com/) - Converts svg files to png

* [SVG Viewer](https://www.svgviewer.dev/) - SVG to png, react, data uri and more

* [Tiny png](https://tinypng.com/) - Minify jpg, png and webp images



## Regex

* [AutoRegex](https://www.autoregex.xyz/) - Convert from English to RegEx with Natural Language Processing

* [Debuggex](https://www.debuggex.com/) - Visual tool for building and debugging regular expressions

* [Regex101](https://regex101.com/) - Build, test and debug regular expressions

* [Regexper](https://regexper.com/) - Visualize regular expressions

* [Regexr](https://regexr.com/) - Create and test regular expressions (alternative to regex101)



## REPL

* [Google Colab](https://colab.research.google.com/) - Run Python snippets online

* [Jasmine template for Codepen](https://codepen.io/teles/pen/aKrBrg) - Template for using Jasmine on codepen

* [PHP CLI](https://replit.com/languages/php_cli) - Compile and test PHP code

* [Prettier Playground](https://prettier.io/playground/) - Online tool for automatic code formatting

* [Typescript playground](https://www.typescriptlang.org/play) - Typescript online REPL



## Screen Recording

* [asciinema](https://asciinema.org/) - Record and share terminal sessions



## SEO

* [Bulk Redirect Checker Tool](https://www.redirect-checker.org/bulk-redirect-checker.php) - Check multiple redirects

* [LinkedIn Post Checker](https://www.linkedin.com/post-inspector/inspect/teles.dev.br) - Check metadata for your page

* [Rich Results](https://search.google.com/test/rich-results) - Check your structured data



## Text manipulation

* [Convertio](https://convertio.co/pt/) - File conversion, including CSV, JSON, XML, and more

* [Emojipedia](https://emojipedia.org/) - Emojis list for copy and paste

* [Remove duplicated lines](https://www.textfixer.com/tools/remove-duplicate-lines.php) - Remove duplicated lines and sort text lines



## Web Development Utilities

* [CORS Test](https://cors-test.codehappy.dev/) - Check CORS support on APIs and servers instantly.

* [ReqBin](https://reqbin.com/) - Online tool for testing HTTP requests, including GET, POST, PUT, and DELETE, directly in the browser.