Make your life easier with these awesome resources: 🚀 Interview Preparation, Readme Stats, Online Tools, Chrome Extensions, Portfolio Websites and many more!

productivity open-source portfolio-website resources developer-tools awesome-list gists chrome-extensions interview-preparation awesome-resources css-tools awesome-profile-readme readme-profile readme-stats sde-sheet hack-growth hack-your-growth

• Updated Apr 8, 2024
• Markdown

A collection of useful developer tools built with React.

react web-development developer-tools unit-converter qrcode-generator lorem-ipsum-generator word-counter html-preview text-tools hash-generator markdown-preview css-tools typescript-playground grapesjs-editor meta-tags-generator react-preview color-code-convertor all-search-engines namecase-converter

• Updated Feb 18, 2026
• JavaScript

Shadow Generator — Use Shadow Generator free on ToolAdda — quick, accurate, and browser-based. Free on ToolAdda.online.

css-tools shadow-generator box-shadow-generator box-shadow-css free-online-tool css-box-shadow-generator tooladda drop-shadow-generator online-box-shadow box-shadow-maker css-shadow-generator css-shadow-tool

• Updated Sep 22, 2026

VSCode extension that allows to sort css properties in a logical and consistent order

css sass typescript extension web-development stylesheets linter vscode scss prettier visual-studio-code developer-tools vscode-extension css-properties code-quality web-design code-organization css-tools code-cleanup code-formatting

• Updated Jun 15, 2025
• TypeScript

Lightweight FSCSS - based UI library for statistical dashboard and components

css lightweight svelte dashboard-templates pure-css dasboard css-tools lightweight-charts fscss-coding fscss performance-first lightweight-charts-ui canvas-free fscss-style fscss-ttr fscss-module fscss-library fscss--st-core st-core-fscss xfcmd

• Updated Nov 8, 2026
• CSS

HTML, CSS, JS, .htaccess, .gitgnore and more That i use in every project of website with Bootstrap and jQuery

javascript css html bootstrap jquery frontend-web filter loader datepicker bootstrap-datepicker loader-wrapper css-tools

• Updated Jul 6, 2026
• JavaScript

Best free resources and time saving of CSS

css css-animations css-generator css-hover-effects css-helper css-website css-tools css-generators best-css-websites

• Updated Jul 25, 2022

The idea of creating a graphic tool to create shadows in the elements on the page and get its CSS codes and the possibility of copying the codes to the clipboard.

graphics-programming css-tools css-shadows html-css-project advance-javascript-project shadow-generat

• Updated Jun 11, 2022
• HTML

Meridian is an open-source i18n automation suite for React projects. It automatically extracts hardcoded strings, translates them via local or cloud APIs (LibreTranslate, Google, DeepL), configures i18next, and enforces RTL-ready logical CSS—globalizing your codebase in seconds.

react i18n api open-source front-end nextjs static-analysis l10n developer-tools auto-translation one-command tailwindcss css-tools vitejs logical-css bidirectional-text rtl-css meridian-suite

• Updated Oct 22, 2026
• JavaScript

Standalone CSS tools by CodeFronts. Each tool is one HTML file — open it, fork it, or self-host. No build step.

css frontend static-site developer-tools css-generator css-minifier tailwindcss web-tools css-tools gradient-generator

• Updated May 12, 2026
• HTML

A website that helps you style your website.

css css-tools

• Updated Feb 2, 2024
• TypeScript

Online CSS minify and unminify tool to reduce stylesheet file size, improve website speed, and convert compressed CSS into readable format instantly in your browser.

web-performance developer-tools css-minifier css-optimizer minify-css css-formatter css-compressor frontend-tools optimize-css-files css-unminifier online-tool css-tools unminify-css stylesheet-optimizer

• Updated Apr 7, 2026
• JavaScript

KERLION Web Tools | مجموعة أدوات ويب مجانية للصور وSEO والنصوص والحسابات وBlogger والمزيد.

web-development technology developer-tools online-tools productivity-tools seo-tools web-tools css-tools website-tools digital-resources digital-tools web-utilities tool-directory kerlion

• Updated Nov 10, 2026
• HTML

Embark on a chromatic journey with our Random Color Generator! 🌈 Instantly summon a burst of vibrant hues with a click. Perfect for designers and anyone craving a splash of inspiration

css color web-development web web-design css-tools random-color-generator

• Updated Dec 13, 2023
• JavaScript

An all-in-one palette for your digital creatives. (IN PROGRESS)

design-systems typescript web-development reactjs nextjs software-development web-design ui-components design-tools tailwindcss web-tools css-tools

• Updated Aug 22, 2023
• TypeScript

Professional 2-way color converter. Convert HEX to RGB and RGB to HEX instantly with live preview.

chrome-extension web-development color-picker developer-tools color-converter design-tools rgb-to-hex hex-to-rgb frontend-tools hex-to-rgba css-tools color-converters rgb-to-hexa color-converter-toolkit

• Updated Aug 27, 2026

Browser-based CSS analysis and optimization tool — detect duplicates, normalize colors, merge media queries, and more. Built through AI-assisted development.

javascript css php vanilla-js developer-tools css-optimizer web-tools css-tools ai-assisted code-clean

• Updated Mar 25, 2026
• JavaScript

Free Chrome extension to inspect any web font, swap fonts live, tweak variable axes, find similar typefaces, and export typography to Tailwind/SCSS/TS tokens. No sign-up, no telemetry, open source.

chrome-extension web-development devtools typography web-fonts google-fonts developer-tools browser-extension web-design figma design-tools frontend-tools tailwindcss variable-fonts css-tools font-finder manifest-v3 font-inspector font-identifier font-detector

• Updated May 18, 2026
• JavaScript

My personal website, to store all the ideas that crawl in my mind.

javascript css html website tools tool projects project page webdev webdevelopment css-tool webdeveloper css-tools html-tool html-tools

• Updated Nov 9, 2026
• HTML

Repo for creative experiments and interactive tools

visualization learning education color diff shapes maps colors language-learning lab jobs numbers personal-project educational ip-lookup alphabets kids-learn css-tools html-tools children-games

• Updated Nov 12, 2026
• JavaScript