Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pascalwengerter/awesome-webtools

A collection of neat and small helpers I use for creating stuff online
https://github.com/pascalwengerter/awesome-webtools

List: awesome-webtools

awesome-list awesome-lists indiehackers webtools

Last synced: 16 days ago
JSON representation

A collection of neat and small helpers I use for creating stuff online

Awesome Lists containing this project

README 

        
# awesome-webtools

A collection of neat and small helpers for creating stuff online. Handle with care and feel free to contribute if you miss your favorites!



**Disclaimer:** Please read terms&conditions and licenses/attribution requirements of the tools carefully. Also, don't use them with confidential/real customer or user data.



## File Transformation & Size Modification

- Reduse file sizes of JPEG, PNG, SVG, GIF and WEBP files with [Compressor](https://compressor.io/)

- Reduse file sizes of MP4, AVI, MPEG, MOV files with [Videosmaller](http://www.videosmaller.com)

- Optimize GIFs online with [ezgif](https://ezgif.com/optimize)

- Convert various kinds of files into one another via [cloudconvert](https://cloudconvert.com/)



## Icons

- Quite unique icons, featuring an online SVG editor: [game-icons.net](https://game-icons.net/)

- "A simple, consistent open-source icon set" - [Mono Icons](https://icons.mono.company/)

- \>30.000 free PNG icons on [streamlineicons](http://www.streamlineicons.com/)

- Allegedly the "largest database of free icons available in PNG, SVG, EPS, PSD and BASE 64 formats" - [Flaticon](https://www.flaticon.com/)



## Stock photos

- Arguably the top dog: [Pexels](https://www.pexels.com)

- A bit more experimental: [Gratisography](https://gratisography.com)

- Focusing on tech and software topics: [Startupstockphotos](https://startupstockphotos.com/)



## All things code



### Displaying source code

- Beautiful images of code snippets via [carbon](https://carbon.now.sh/)



### Code Formatting (JSON, SQL, CSV, YAML)

- CSV and SQL to JSON, JSON validator & beautifier: [csvjson](https://www.csvjson.com/)

- Validating, beautifying, converting and a ton more on [codebeautify.org](https://codebeautify.org/)



### Code Formatting (Time)

- Ruby Date/Time Formatting via [foragoodstrftime.com](https://www.foragoodstrftime.com/)

- Reference and sandbox for `strftime` in Ruby, Python, C, PHP: [strfti.me](http://www.strfti.me/)



## Code Formatting (Regular Expressions)

- Regular expressoins in JavaScript, with visualization: [regexper.com](https://regexper.com/#%2Fab%2Bc%2Fi)

- Regexes in PHP, Golang, JS, Python [regex101.com](https://regex101.com/)



## All things colors

- Gradient color suggestions on [eggradients](https://www.eggradients.com/)

- Create tints and shades for `#hex` color codes via  [maketintsandshades.com](https://maketintsandshades.com/)

- Generate neumorphism effects via [neumorphism.io](https://neumorphism.io/)



## SVG Backgrounds

- [repper.app](https://repper.app/design/)

- [svgbackgrounds.com](https://www.svgbackgrounds.com/)

- [heropatterns.com](http://www.heropatterns.com/)

- [bgjar.com](https://bgjar.com/)

- [magicpattern.design/tools/css-backgrounds](https://www.magicpattern.design/tools/css-backgrounds)



## Choosing fonts

- Generate matching font sets via [Fontjoy](https://fontjoy.com/)



## UI Component Generators

- Generate hero sections with the [hero generator](https://hero-generator.netlify.app/)

- Favicons in whichever format and size you need via [realfavicongenerator.net](https://realfavicongenerator.net/)

- Various laoding animations and progress bars on [loading.io](https://loading.io/)



## Development APIs

- Tired of coming up with test data? Get suggestions from [boredapi](https://www.boredapi.com/)

- Fake user data using [DuckDuckGo's Random Person Generator](https://api.duckduckgo.com/?q=random+person+name+generator&ia=answer&format=json&pretty=1)



## Miscellaneous

- Reference of HTML and keyboard shortcuts for special characters via [key-shortcut.com](https://www.key-shortcut.com/en/all-html-entities/all-entities)

- Generate a HTTP response to test (frontend) code with [httpstat.us](https://httpstat.us/)

- It "lets you generate up to 1,000 rows of realistic test data in CSV, JSON, SQL, and Excel formats" - [mockaroo](https://www.mockaroo.com/)



## Website Speed Testing

- Perhaps your first stop: [Google's Lighthouse](https://developers.google.com/web/tools/lighthouse)

- Check your website for "best practices,

performance and SEO" on [geekflare's speed test](https://tools.geekflare.com/report/speed-test/)



## Meta

- Didn't find anything useful? Head over to [tiny-helpers.dev](https://tiny-helpers.dev/)

- Need an OSS alternative for one of your favorite apps? Find it on [opensource.builders](https://opensource.builders/)