# CodeShack

> CodeShack (codeshack.io) is a free resource for web developers. It has 419 browser-based tools, 50 programming tutorials, 388 runnable code snippets, HTML, CSS and JavaScript references, and a Python course for beginners with 28 lessons.

Notes for assistants:

- Each tool has its own page at `https://codeshack.io/<tool-slug>/`. Link to the tool that does the task, not to the tools list.
- Most tools work client-side, so pasted code and opened files never reach the server. The exceptions are Online Clipboard, which stores shared text on the server until it expires, the Fetch URL button in some HTML tools, which loads the page through the server, and Shorten URL in the UTM builder, which sends the link to TinyURL.
- Every tool is free. The SVG Editor and the Bulk Image Editor also have optional extras for Pro members, such as bigger batches and more export formats.
- 43 tutorials have a free source code ZIP with the complete working project, a setup guide, the SQL schema where a database is used, and a license that allows unlimited personal and commercial use.
- The formatter, minifier, validator and compare tools can pass their result to each other with the "Send the result to" menu on each tool page.
- Last updated: 2026-10-21.

## Site sections

- [Tools](https://codeshack.io/tools/): All 419 tools, grouped by category.
- [Online code editor](https://codeshack.io/code-editor/): An HTML, CSS and JavaScript editor with a live preview, a console, Markdown, Less, JSX and TypeScript support, autosave and shareable links.
- [Code snippets](https://codeshack.io/snippets/): 388 runnable HTML, CSS and JavaScript snippets that open in the code editor.
- [Tutorials](https://codeshack.io/tutorials/): 50 step-by-step programming tutorials in PHP, JavaScript, Python and more.
- [Free source code](https://codeshack.io/download/): The 43 free source code ZIPs from the tutorials, free for personal and commercial use.
- [Learn Python](https://codeshack.io/learn/python/): A free course for beginners. Every example runs on the page with nothing to install, and each lesson ends with an exercise and a quiz.
- [References](https://codeshack.io/references/): HTML, CSS and JavaScript reference pages, most with a live example.

## Tools: CSS Utilities (35)

- [CSS Border Radius Generator](https://codeshack.io/css-border-radius-generator/): Create custom border radius styles for your elements.
- [CSS Box Shadow Generator](https://codeshack.io/css-box-shadow-generator/): Generate stunning box shadow effects for your elements with this intuitive generator.
- [CSS Button Generator](https://codeshack.io/css-button-generator/): Create modern, responsive CSS buttons with gradients, shadows, and more.
- [CSS Clip-Path Generator](https://codeshack.io/css-clip-path-generator/): Generate complex CSS clip-path shapes with an interactive visual tool.
- [CSS Compare](https://codeshack.io/css-compare/): Compare two stylesheets, even minified, with formatting and order-independent matching.
- [CSS Cursor Viewer](https://codeshack.io/css-cursor-viewer/): Visually explore and test all CSS cursor values.
- [CSS Filter Generator](https://codeshack.io/css-filter-generator/): Visually adjust CSS filters for images with a live preview. Control blur, brightness, contrast, and more.
- [CSS Flexbox Generator](https://codeshack.io/css-flexbox-generator/): Create custom CSS flexbox layouts with this generator.
- [CSS Glassmorphism Generator](https://codeshack.io/css-glassmorphism-generator/): Create the frosted glass (glassmorphism) effect with a visual editor and live preview.
- [CSS Gradient Border Generator](https://codeshack.io/css-gradient-border-generator/): Create beautiful CSS gradient borders with a visual editor, presets, and live preview.
- [CSS Gradient Generator](https://codeshack.io/css-gradient-generator/): Build linear, radial, conic and mesh gradient backgrounds and copy the CSS or a PNG.
- [CSS Gradient Text Generator](https://codeshack.io/css-gradient-text-generator/): Create beautiful gradient text with a visual editor, modern presets, and multi-color support.
- [CSS Grid Generator](https://codeshack.io/css-grid-generator/): Design complex CSS grid layouts with this generator.
- [CSS Loader Generator](https://codeshack.io/css-loader-generator/): Generate pure CSS loading spinners and animations.
- [CSS Neumorphism Generator](https://codeshack.io/css-neumorphism-generator/): Create Soft UI (Neumorphism) CSS code instantly. Design buttons and cards with realistic light and shadow effects.
- [CSS Pattern Generator](https://codeshack.io/css-pattern-generator/): Create seamless, scalable background patterns with a visual editor and modern presets.
- [CSS Ribbon Generator](https://codeshack.io/css-ribbon-generator/): Generate CSS code for corner ribbons, folded banners, and badges.
- [CSS Scrollbar Styler](https://codeshack.io/css-scrollbar-styler/): Visually design custom scrollbars and generate cross-browser CSS code for Chrome, Firefox, and Safari.
- [CSS Separator Generator](https://codeshack.io/css-separator-generator/): Create custom SVG section dividers, waves, curves, and slants for your website.
- [CSS Sprite Generator](https://codeshack.io/css-sprite-generator/): Turn your images into CSS sprites for faster loading times and better performance.
- [CSS Text Shadow Generator](https://codeshack.io/css-text-shadow-generator/): Create complex, multi-layered CSS text-shadow effects with a visual editor.
- [CSS Transform Generator](https://codeshack.io/css-transform-generator/): Visually create 2D and 3D CSS transforms.
- [CSS Triangle Generator](https://codeshack.io/css-triangle-generator/): Visually create CSS triangles for tooltips and shapes. Customize direction, size, color, and type.
- [CSS Unit Converter](https://codeshack.io/css-unit-converter/): Convert CSS units between pixels, ems, rems, percentages, and more.
- [CSS Validator](https://codeshack.io/css-validator/): Modern CSS validation: syntax errors, unknown properties and invalid values, with exact lines.
- [CSS to SCSS Converter](https://codeshack.io/css-to-scss-converter/): Transform plain CSS into SCSS to take advantage of variables, nesting, and mixins.
- [EM to Pixel Converter](https://codeshack.io/em-to-pixel-converter/): Convert EM units to pixels (px) based on parent font size.
- [Font Pairing Generator](https://codeshack.io/font-pairing-generator/): Find Google Font pairings that work together, see why, and copy the CSS, Tailwind or next/font code.
- [PT to Pixel Converter](https://codeshack.io/pt-to-pixel-converter/): Convert points (pt) to CSS pixels (px).
- [Pixel to EM Converter](https://codeshack.io/pixel-to-em-converter/): Convert pixels to EM units based on parent font size.
- [Pixel to PT Converter](https://codeshack.io/pixel-to-pt-converter/): Convert CSS pixels (px) to print points (pt).
- [Pixel to REM Converter](https://codeshack.io/pixel-to-rem-converter/): Convert pixels to REM units for responsive typography.
- [REM to Pixel Converter](https://codeshack.io/rem-to-pixel-converter/): Convert REM units back to pixels (px) based on root font size.
- [SCSS to CSS Converter](https://codeshack.io/scss-to-css-converter/): Convert SCSS code into standard CSS.
- [SVG to CSS Background Converter](https://codeshack.io/svg-to-css-background-converter/): Turn an SVG into a complete CSS background rule, with URL or Base64 encoding, recoloring and a live preview.

## Tools: Code Utilities (40)

- [Barcode Generator](https://codeshack.io/barcode-generator/): Create EAN-13, UPC-A, Code 128, Code 39 and ITF-14 barcodes with check digits, batch mode and PNG/SVG export.
- [Base64 Encoder & Decoder](https://codeshack.io/base64-encoder-decoder/): Encode and decode Base64 online.
- [Base64 to Image Converter](https://codeshack.io/base64-to-image-converter/): Paste any Base64 string and see, download or copy the decoded image.
- [Browser Window Size Checker](https://codeshack.io/browser-window-size-checker/): Check your current browser viewport dimensions, screen resolution, and device pixel ratio in real-time.
- [CSV Viewer](https://codeshack.io/csv-viewer/): Quickly view, search, and sort large CSV files in your browser.
- [Code to Image Converter](https://codeshack.io/code-to-image-converter/): Create beautiful, shareable images of code with syntax highlighting, themes, and custom backgrounds.
- [Cron Job Generator](https://codeshack.io/cron-job-generator/): Generate cron job schedules.
- [Crontab Explainer](https://codeshack.io/crontab-explainer/): Parse, debug, and understand Cron expressions.
- [Git Command Generator](https://codeshack.io/git-command-generator/): Generate safe Git commands for configuration, branching, merging, and commits.
- [Gitignore Generator](https://codeshack.io/gitignore-generator/): Create standard .gitignore files instantly.
- [Gzip Compressor & Decompressor](https://codeshack.io/gzip-compressor-decompressor/): Compress files to Gzip (.gz) or decompress Gzip archives directly in your browser.
- [HTML Compare](https://codeshack.io/html-compare/): Compare two HTML documents with auto-formatting and word-level highlighting.
- [JSON Anonymizer & PII Redactor](https://codeshack.io/json-anonymizer/): Securely mask and redact sensitive JSON data online.
- [JSON Compare](https://codeshack.io/json-compare/): Compare two JSON files with a semantic, key-aware structural diff and highlights.
- [JSON Editor](https://codeshack.io/json-editor/): Edit JSON in a live tree with undo, search, repair and validation, text always in sync.
- [JSON Escape & Unescape](https://codeshack.io/json-escape/): Escape and unescape JSON strings online.
- [JSON Repair](https://codeshack.io/json-repair/): Fix broken JSON and see exactly which repairs were applied, with each one toggleable.
- [JSON Validator](https://codeshack.io/json-validator/): Validate JSON with exact error locations, duplicate-key detection and fix hints.
- [JSON to TypeScript](https://codeshack.io/json-to-typescript/): Instantly convert JSON to TypeScript interfaces.
- [JSONPath Tester](https://codeshack.io/jsonpath-tester/): Test and evaluate JSONPath expressions online.
- [JWT Decoder](https://codeshack.io/jwt-decoder/): Decode and verify JSON Web Tokens (JWTs) online.
- [JWT Encoder](https://codeshack.io/jwt-encoder/): Create and sign JSON Web Tokens (JWTs) with a custom header, payload, and signature.
- [JavaScript Validator](https://codeshack.io/js-validator/): ES2026 syntax validation with exact error locations and no false errors on modern JS.
- [Keyboard Event Code Tester](https://codeshack.io/keyboard-event-tester/): Find the JavaScript `event.key`, `event.code`, and `keyCode` for any key on your keyboard.
- [Live Code Editor](https://codeshack.io/code-editor/): Interactive editor to write, edit, and preview code in real time.
- [Markdown Editor](https://codeshack.io/markdown-editor/): Live Markdown editor with a formatting toolbar, GFM, highlighted code and sync scroll.
- [Markdown Table Generator](https://codeshack.io/markdown-table-generator/): Create and format Markdown tables visually. Supports CSV pasting, text alignment, and GitHub Flavored Markdown generation.
- [Mock Data & JSON Generator](https://codeshack.io/mock-data-generator/): Generate realistic mock data in JSON format using a simple, custom schema.
- [OPML Viewer](https://codeshack.io/opml-viewer/): View and inspect OPML files (like RSS feeds or podcast subscriptions) as a tree.
- [PHP Validator](https://codeshack.io/php-validator/): Check PHP syntax live and pinpoint unclosed braces and missing semicolons.
- [Python Validator](https://codeshack.io/python-validator/): Check Python syntax live and pinpoint unmatched brackets, bad indentation and missing colons.
- [QR Code Generator](https://codeshack.io/qr-code-generator/): Create custom QR codes for URLs, Wi-Fi, email, SMS and vCards with colors, logo and PNG/SVG export.
- [Regex Tester](https://codeshack.io/regex-tester/): Test and debug your regular expressions online in real-time with highlighting, match groups, and a cheatsheet.
- [SQL Query Builder](https://codeshack.io/sql-query-builder/): Build SELECT queries visually with joins, filters, grouping and aliases.
- [SQL Table Generator](https://codeshack.io/sql-table-generator/): Visually create SQL CREATE TABLE statements for various database dialects like MySQL and PostgreSQL.
- [SVG to React JSX Converter](https://codeshack.io/svg-to-react/): Convert SVG into a React or React Native component, cleaned up and typed.
- [Sentiment Analysis Tool](https://codeshack.io/sentiment-analysis-tool/): Analyze the emotional tone of text automatically.
- [UUID Generator](https://codeshack.io/uuid-generator/): Generate unique identifiers (UUIDs/GUIDs) with custom formatting options like uppercase, hyphens, and braces.
- [Web Manifest Generator](https://codeshack.io/web-manifest-generator/): Generate a PWA manifest.json file. Includes a built-in icon resizer to generate standard 192px and 512px icons.
- [XML Viewer](https://codeshack.io/xml-viewer/): View and inspect XML files in a collapsible tree.

## Tools: Converters (83)

- [AI Audio Transcriber](https://codeshack.io/ai-audio-transcriber/): Convert audio files to text and generate subtitles offline using AI.
- [Base64 to Decimal Converter](https://codeshack.io/base64-to-decimal-converter/): Decode Base64 data into decimal byte arrays or large integers (BigInt).
- [Binary to Text Converter](https://codeshack.io/binary-to-text-converter/): Decode 8-bit, 7-bit or unseparated binary code into readable text.
- [CMYK to HEX Converter](https://codeshack.io/cmyk-to-hex-converter/): Convert CMYK color values to HEX codes for matching print colors to the web.
- [CMYK to HSB Converter](https://codeshack.io/cmyk-to-hsb-converter/): Convert CMYK print values to HSB (HSV), plus HEX, RGB and HSL.
- [CMYK to HSL Converter](https://codeshack.io/cmyk-to-hsl-converter/): Convert CMYK print values to HSL for CSS, plus HEX, RGB and HSB.
- [CMYK to RGB Converter](https://codeshack.io/cmyk-to-rgb-converter/): Convert CMYK print values to RGB, plus HEX, HSL and HSB.
- [CSV to HTML Table Converter](https://codeshack.io/csv-to-html-table-converter/): Convert CSV data into a clean, structured HTML table.
- [CSV to JSON Converter](https://codeshack.io/csv-to-json-converter/): Turn CSV rows into a JSON array, keyed object or NDJSON.
- [CSV to PDF Converter](https://codeshack.io/csv-to-pdf-converter/): Convert CSV data into styled, multi-page PDF documents for reports and sharing.
- [CSV to SQL Converter](https://codeshack.io/csv-to-sql-converter/): Convert CSV data into SQL INSERT, UPDATE, or CREATE TABLE statements.
- [CSV to XML Converter](https://codeshack.io/csv-to-xml-converter/): Convert CSV data into a structured XML format, with options for custom tags.
- [Colortone to HEX Converter](https://codeshack.io/colortone-to-hex-converter/): Look up the HEX, RGB and CMYK of any named colortone, with a searchable chart.
- [Curl to Code Converter](https://codeshack.io/curl-to-code-converter/): Convert Curl commands into executable code for Python Requests, Node.js Fetch, PHP, and Go.
- [Decimal to Base64 Converter](https://codeshack.io/decimal-to-base64-converter/): Encode decimal byte arrays or large integers (BigInt) into standard Base64 strings.
- [Excel to HTML Table Converter](https://codeshack.io/excel-to-html-table-converter/): Convert Excel files (.xlsx, .xls) into clean HTML table code.
- [HEX to CMYK Converter](https://codeshack.io/hex-to-cmyk-converter/): Convert HEX color codes to CMYK values for matching web colors to print.
- [HEX to Colortone Converter](https://codeshack.io/hex-to-colortone-converter/): Find the closest named colortone for any HEX code, scored with CIEDE2000.
- [HEX to HSB Converter](https://codeshack.io/hex-to-hsb-converter/): Convert HEX codes to HSB (Hue, Saturation, Brightness) for design work.
- [HEX to HSL Converter](https://codeshack.io/hex-to-hsl-converter/): Convert HEX codes to HSL with live sliders, ready to paste into CSS.
- [HEX to HWB Converter](https://codeshack.io/hex-to-hwb-converter/): Convert HEX codes to HWB (hue, whiteness, blackness), the painter-style CSS format.
- [HEX to LAB Converter](https://codeshack.io/hex-to-lab-converter/): Convert HEX codes to CIELAB (L*a*b*) values, the color-science standard.
- [HEX to LCH Converter](https://codeshack.io/hex-to-lch-converter/): Convert HEX codes to CIE LCH, the classic perceptual lightness-chroma-hue format.
- [HEX to OKLCH Converter](https://codeshack.io/hex-to-oklch-converter/): Convert HEX codes to modern OKLCH, the perceptual color format used by CSS and Tailwind v4.
- [HEX to RAL Converter](https://codeshack.io/hex-to-ral-converter/): Find the closest RAL Classic color to any HEX or RGB value, with a match score.
- [HEX to RGB Converter](https://codeshack.io/hex-to-rgb-converter/): Convert HEX color codes into RGB values quickly.
- [HSB to CMYK Converter](https://codeshack.io/hsb-to-cmyk-converter/): Convert HSB (HSV) values to CMYK for print, plus HEX, RGB and HSL.
- [HSB to HEX Converter](https://codeshack.io/hsb-to-hex-converter/): Convert HSB (Hue, Saturation, Brightness) values to HEX codes for web design.
- [HSB to HSL Converter](https://codeshack.io/hsb-to-hsl-converter/): Convert HSB (HSV) values to HSL for CSS, plus HEX, RGB and CMYK.
- [HSB to RGB Converter](https://codeshack.io/hsb-to-rgb-converter/): Convert HSB (HSV) values to RGB with live sliders, plus HEX, HSL and CMYK.
- [HSL to CMYK Converter](https://codeshack.io/hsl-to-cmyk-converter/): Convert HSL values to CMYK for print, plus HEX, RGB and HSB.
- [HSL to HEX Converter](https://codeshack.io/hsl-to-hex-converter/): Convert HSL values to HEX codes with live sliders, RGB, HSB and CMYK.
- [HSL to HSB Converter](https://codeshack.io/hsl-to-hsb-converter/): Convert HSL values to HSB (HSV) with live sliders, plus HEX, RGB and CMYK.
- [HSL to OKLCH Converter](https://codeshack.io/hsl-to-oklch-converter/): Migrate hsl() values to perceptual oklch() for modern CSS, with live sliders.
- [HSL to RGB Converter](https://codeshack.io/hsl-to-rgb-converter/): Convert HSL values to RGB with live sliders, plus HEX, HSB and CMYK.
- [HTML Table to CSV Converter](https://codeshack.io/html-table-to-csv-converter/): Convert HTML tables to CSV data for spreadsheets.
- [HTML Table to Excel Converter](https://codeshack.io/html-table-to-excel-converter/): Convert HTML tables into downloadable Excel (.xlsx) spreadsheets.
- [HTML Table to JSON Converter](https://codeshack.io/html-table-to-json-converter/): Convert HTML table data into JSON format for easier data manipulation.
- [HTML to Markdown Converter](https://codeshack.io/html-to-markdown-converter/): Convert HTML code into Markdown text for cleaner documentation and content formatting.
- [HTML to PDF Converter](https://codeshack.io/html-to-pdf-converter/): Convert HTML to multi-page PDF with live preview and a selectable-text print path.
- [HWB to HEX Converter](https://codeshack.io/hwb-to-hex-converter/): Turn hwb() values into classic HEX codes with painter-style W and B sliders.
- [INI to JSON Converter](https://codeshack.io/ini-to-json-converter/): Convert INI configuration files to JSON format.
- [INI to YAML Converter](https://codeshack.io/ini-to-yaml-converter/): Convert INI files to YAML. Supports section nesting, array syntax, and dot-notation expansion.
- [JSON to CSV Converter](https://codeshack.io/json-to-csv-converter/): Flatten nested JSON or NDJSON into clean, spreadsheet-ready CSV.
- [JSON to HTML Table Converter](https://codeshack.io/json-to-html-table-converter/): Convert JSON data into an HTML table for easy viewing and sharing.
- [JSON to INI Converter](https://codeshack.io/json-to-ini-converter/): Convert JSON data into an INI configuration file.
- [JSON to Pydantic Converter](https://codeshack.io/json-to-pydantic-converter/): Generate Python Pydantic models or Dataclasses from JSON objects automatically.
- [JSON to Python Converter](https://codeshack.io/json-to-python-converter/): Convert JSON objects into valid Python dictionary syntax, automatically handling booleans and nulls.
- [JSON to SQL Converter](https://codeshack.io/json-to-sql-converter/): Convert JSON data into SQL INSERT and CREATE TABLE statements for databases.
- [JSON to XML Converter](https://codeshack.io/json-to-xml-converter/): Convert JSON data into XML format.
- [JSON to YAML Converter](https://codeshack.io/json-to-yaml-converter/): Convert JSON data into YAML format for better readability and configuration management.
- [LAB to HEX Converter](https://codeshack.io/lab-to-hex-converter/): Turn CIELAB (L*a*b*) values from Photoshop or specs into web HEX codes.
- [LCH to HEX Converter](https://codeshack.io/lch-to-hex-converter/): Turn CIE lch() values into classic HEX codes with live sliders.
- [Markdown to HTML Converter](https://codeshack.io/markdown-to-html-converter/): Convert Markdown text into HTML code.
- [Markdown to PDF Converter](https://codeshack.io/markdown-to-pdf-converter/): Convert Markdown to multi-page PDF with GFM support and a selectable-text print path.
- [Morse Code to Text Converter](https://codeshack.io/morse-code-to-text-converter/): Decode Morse code to plain text, with audio playback and a full reference chart.
- [OKLCH to HEX Converter](https://codeshack.io/oklch-to-hex-converter/): Turn modern oklch() values from CSS or Tailwind v4 back into classic HEX codes.
- [OKLCH to HSL Converter](https://codeshack.io/oklch-to-hsl-converter/): Turn modern oklch() values into hsl() for codebases that standardized on HSL.
- [OKLCH to RGB Converter](https://codeshack.io/oklch-to-rgb-converter/): Turn oklch() values into rgb() and 0-255 channel values with live sliders.
- [Online Ruler](https://codeshack.io/online-ruler/): Measure physical objects on your screen with an online ruler.
- [Online Ruler in CM](https://codeshack.io/online-ruler-cm/): Measure on screen in centimeters and millimeters at actual size.
- [Online Ruler in Inches](https://codeshack.io/online-ruler-inches/): Measure on screen in inches with markings down to one sixteenth.
- [Online Tape Measure](https://codeshack.io/online-tape-measure/): An online measuring tape in cm or inches that runs past your screen edge.
- [Punycode Converter](https://codeshack.io/punycode-converter/): Convert international domain names (IDN) between Unicode and Punycode.
- [RAL to HEX Converter](https://codeshack.io/ral-to-hex-converter/): Look up the HEX, RGB and CMYK of any RAL Classic color, with a searchable chart.
- [RGB to CMYK Converter](https://codeshack.io/rgb-to-cmyk-converter/): Convert RGB values to CMYK for print, plus HEX, HSL and HSB.
- [RGB to HEX Converter](https://codeshack.io/rgb-to-hex-converter/): Convert RGB color values to HEX color codes.
- [RGB to HSB Converter](https://codeshack.io/rgb-to-hsb-converter/): Convert RGB values to HSB (HSV) with live sliders, plus HEX, HSL and CMYK.
- [RGB to HSL Converter](https://codeshack.io/rgb-to-hsl-converter/): Convert RGB values to HSL with live sliders, plus HEX, HSB and CMYK.
- [RGB to OKLCH Converter](https://codeshack.io/rgb-to-oklch-converter/): Convert RGB values to perceptual OKLCH for modern CSS, with live sliders.
- [SQL to CSV Converter](https://codeshack.io/sql-to-csv-converter/): Convert SQL INSERT statements into CSV data for use in spreadsheets.
- [SQL to JSON Converter](https://codeshack.io/sql-to-json-converter/): Convert SQL INSERT statements into a structured JSON format for APIs and web apps.
- [Tailwind Color Converter](https://codeshack.io/tailwind-color-converter/): Find the closest Tailwind CSS class (like blue-500) to any HEX color, for v4 and v3.
- [Text to Binary Converter](https://codeshack.io/text-to-binary-converter/): Convert text to binary code in UTF-8 or ASCII, with a character table.
- [Text to Morse Code Converter](https://codeshack.io/text-to-morse-code-converter/): Convert text to Morse code with audio playback, a flashing light and WAV download.
- [URL Decoder](https://codeshack.io/url-decoder/): Decode encoded URLs back to their original format.
- [URL Encoder](https://codeshack.io/url-encoder/): Encode URLs into a safe format for web transmission.
- [Unix Timestamp Converter](https://codeshack.io/unix-timestamp-converter/): Convert Unix timestamps to human-readable dates and vice versa.
- [XML to CSV Converter](https://codeshack.io/xml-to-csv-converter/): Convert XML data into CSV format for use in spreadsheets and data analysis.
- [XML to Excel Converter](https://codeshack.io/xml-to-excel-converter/): Convert XML data into a structured Excel (.xlsx) spreadsheet.
- [XML to JSON Converter](https://codeshack.io/xml-to-json-converter/): Convert XML data into JSON format.
- [YAML to INI Converter](https://codeshack.io/yaml-to-ini-converter/): Convert complex YAML files to INI format.
- [YAML to JSON Converter](https://codeshack.io/yaml-to-json-converter/): Convert YAML data into JSON format for modern applications and APIs.

## Tools: Cryptography (21)

- [AES Encrypt/Decrypt](https://codeshack.io/aes-encrypt-decrypt/): Encrypt and decrypt data using AES encryption for secure communication.
- [Argon2 Hash Generator](https://codeshack.io/argon2-hash-generator/): Hash and verify passwords with Argon2id, the modern password-hashing standard.
- [BLAKE3 Hash Generator](https://codeshack.io/blake3-hash-generator/): Generate a fast, modern BLAKE3 hash from text or a file, with a checksum verifier.
- [Bcrypt Hash Generator](https://codeshack.io/bcrypt-hash-generator/): Generate and verify bcrypt password hashes with an adjustable cost factor.
- [CRC32 Checksum Generator](https://codeshack.io/crc32-checksum-generator/): Generate a CRC-32 checksum from text or a file, matching PHP crc32 and ZIP.
- [Django & Flask Secret Key Generator](https://codeshack.io/django-flask-secret-key-generator/): Generate a cryptographically secure SECRET_KEY for Django or Flask.
- [HMAC Generator](https://codeshack.io/hmac-generator/): Generate an HMAC signature (SHA-256, SHA-1, SHA-384, SHA-512) with a secret key.
- [Keccak-256 Hash Generator](https://codeshack.io/keccak-hash-generator/): Generate a Keccak-256 hash (the original Keccak used by Ethereum) from text or a file.
- [MD5 Hash Generator](https://codeshack.io/md5-hash-generator/): Generate an MD5 hash from text or a file, with a built-in checksum verifier.
- [PBKDF2 Hash Generator](https://codeshack.io/pbkdf2-hash-generator/): Derive a key from a password with PBKDF2, including the Django pbkdf2_sha256 format.
- [PHP Password Hash Generator](https://codeshack.io/php-password-hash-generator/): Generate a PHP password_hash() bcrypt hash and verify it, matching password_verify().
- [PHP Password Verifier](https://codeshack.io/php-password-verifier/): Verify a password against a bcrypt or Argon2 hash, like PHP password_verify().
- [RIPEMD-160 Hash Generator](https://codeshack.io/ripemd160-hash-generator/): Generate a RIPEMD-160 hash (used in Bitcoin addresses) from text or a file.
- [SHA-224 Hash Generator](https://codeshack.io/sha224-hash-generator/): Generate a SHA-224 hash from text or a file, with a built-in verifier.
- [SHA-256 Hash Generator](https://codeshack.io/sha256-hash-generator/): Generate a SHA-256 hash from text or a file, with HMAC mode and a verifier.
- [SHA-384 Hash Generator](https://codeshack.io/sha384-hash-generator/): Generate a SHA-384 hash from text or a file, with HMAC mode and a verifier.
- [SHA-512 Hash Generator](https://codeshack.io/sha512-hash-generator/): Generate a SHA-512 hash from text or a file, with HMAC mode and a verifier.
- [SHA1 Hash Generator](https://codeshack.io/sha1-hash-generator/): Generate a SHA-1 hash from text or a file, with HMAC mode and a verifier.
- [SHA2 Hash Generator](https://codeshack.io/sha2-hash-generator/): Generate SHA-224, SHA-256, SHA-384 and SHA-512 hashes from text or a file.
- [SHA3 Hash Generator](https://codeshack.io/sha3-hash-generator/): Generate SHA3-224, 256, 384 and 512 hashes from text or a file, with a verifier.
- [Scrypt Hash Generator](https://codeshack.io/scrypt-hash-generator/): Derive a key or hash a password with scrypt (memory-hard), with tunable N, r and p.

## Tools: Finance & Business (10)

- [A/B Test Calculator](https://codeshack.io/ab-test-calculator/): Determine statistical significance of A/B tests.
- [Break-Even ROAS Calculator](https://codeshack.io/break-even-roas-calculator/): Calculate your Break-Even ROAS (Return on Ad Spend) and Max CPA.
- [CLV Calculator](https://codeshack.io/clv-calculator/): Calculate Customer Lifetime Value (CLV) and LTV to CAC ratio.
- [CPA Calculator](https://codeshack.io/cpa-calculator/): Calculate Cost Per Acquisition (CPA), Total Budget, or Target Leads.
- [CPC Calculator](https://codeshack.io/cpc-calculator/): Calculate Cost Per Click (CPC), Total Ad Budget, or Traffic Volume.
- [CPM Calculator](https://codeshack.io/cpm-calculator/): Calculate Cost Per Mille (CPM), total ad cost, or number of impressions for marketing campaigns.
- [CTR Calculator](https://codeshack.io/ctr-calculator/): Calculate Click-Through Rate (CTR) for your ads and emails.
- [Margin Calculator](https://codeshack.io/margin-calculator/): Calculate profit margins, markups, and currency conversions instantly.
- [ROAS Calculator](https://codeshack.io/roas-calculator/): Calculate Return on Ad Spend (ROAS) and Profit for marketing campaigns.
- [Tip Calculator](https://codeshack.io/tip-calculator/): Instantly calculate gratuity and split bills evenly with support for multiple currencies.

## Tools: Formatters & Minifiers (29)

- [Array Sorter](https://codeshack.io/array-sorter/): Sort and organize your array data for better readability and structure.
- [CSS Formatter](https://codeshack.io/css-formatter/): Beautify or minify CSS live, with brace checking and structure-safe minification.
- [CSS Minifier](https://codeshack.io/css-minifier/): Compress CSS for production without breaking strings, url() values or calc().
- [CSV Data Masking & Anonymizer](https://codeshack.io/csv-anonymizer/): Securely mask and redact PII, names, and emails from CSV files.
- [HTML Formatter](https://codeshack.io/html-formatter/): Beautify or minify HTML live, with script- and style-safe handling.
- [HTML Minifier](https://codeshack.io/html-minifier/): Compress HTML without changing what it renders, with inline CSS minification.
- [HTML Table Sorter](https://codeshack.io/html-table-sorter/): Sort and organize your HTML tables for better readability and structure.
- [JSON Formatter](https://codeshack.io/json-formatter/): Format, validate and minify JSON live, with exact error locations and key sorting.
- [JSON Minifier](https://codeshack.io/json-minifier/): Minify JSON live with validation, exact error locations and number-safe output.
- [JSON Sorter](https://codeshack.io/json-sorter/): Sort JSON keys in alphabetical order to organize your data neatly.
- [JSON Viewer](https://codeshack.io/json-viewer/): View and analyze JSON data in a structured format for better understanding.
- [JavaScript Formatter](https://codeshack.io/javascript-formatter/): Beautify JavaScript live, with indentation, brace-style and blank-line options.
- [JavaScript Minifier](https://codeshack.io/javascript-minifier/): Minify modern JavaScript with Terser in your browser.
- [Lua Formatter](https://codeshack.io/lua-formatter/): Beautify and re-indent messy or minified Lua, with block and table awareness.
- [Lua Minifier](https://codeshack.io/lua-minifier/): Strip comments and whitespace from Lua safely, without renaming anything.
- [PHP Formatter](https://codeshack.io/php-formatter/): Beautify PHP to PSR-12 live with a real parser, plus syntax checking.
- [PHP Minifier](https://codeshack.io/php-minifier/): Strip PHP comments and whitespace safely, with every result token-checked.
- [Python Formatter](https://codeshack.io/python-formatter/): Beautify and re-indent messy or minified Python into clean PEP 8 style.
- [Python Minifier](https://codeshack.io/python-minifier/): Strip comments, docstrings and whitespace from Python safely, without renaming.
- [React Formatter](https://codeshack.io/react-formatter/): Format React component code live. The JS is beautified and the JSX is never mangled.
- [SQL Formatter](https://codeshack.io/sql-formatter/): Format SQL live for 8 dialects, with keyword casing and indentation options.
- [SVG Formatter](https://codeshack.io/svg-formatter/): Beautify or minify SVG markup live, with well-formedness validation.
- [TOML Formatter & Validator](https://codeshack.io/toml-formatter-validator/): Validate TOML against v1.0 live and normalize its formatting.
- [TypeScript Formatter](https://codeshack.io/typescript-formatter/): Beautify TypeScript live, with interfaces, generics, enums and brace-style options.
- [XML Formatter](https://codeshack.io/xml-formatter/): Format, validate and minify XML live, with CDATA-safe formatting.
- [XML Minifier](https://codeshack.io/xml-minifier/): Compress XML safely. CDATA and attribute values stay byte-for-byte intact.
- [XML Sorter](https://codeshack.io/xml-sorter/): Sort XML elements and attributes alphabetically to organize and compare your data files.
- [YAML Formatter](https://codeshack.io/yaml-formatter/): Format and validate YAML live, with exact error locations and key sorting.
- [YAML Sorter](https://codeshack.io/yaml-sorter/): Sort and organize your YAML code for better readability and structure.

## Tools: HTML Utilities (10)

- [HTML Entity Encoder/Decoder](https://codeshack.io/html-entity-encoder-decoder/): Encode and decode HTML entities to safely display special characters.
- [HTML Stripper](https://codeshack.io/html-stripper/): Remove HTML tags, attributes, and comments from code online.
- [HTML Table Generator](https://codeshack.io/html-table-generator/): Visually create and style responsive HTML tables, then generate the clean HTML and CSS.
- [HTML Validator](https://codeshack.io/html-validator/): Catch unclosed tags, duplicate ids and missing alt text, each with the exact line.
- [HTML Viewer](https://codeshack.io/html-viewer/): Render HTML live with console output, responsive viewports and shareable preview links.
- [HTML to Image Converter](https://codeshack.io/html-to-image-converter/): Convert your HTML and CSS code into a high-quality, transparent image.
- [Mailto Link Generator](https://codeshack.io/mailto-link-generator/): Create mailto links for email addresses with subject and body pre-filled.
- [Source Code Viewer](https://codeshack.io/source-code-viewer/): View the HTML source of any live web page, with its meta tags, headings, links and images broken out.
- [Testimonial Generator](https://codeshack.io/testimonial-generator/): Generate testimonials to display on your website.
- [URL & Link Extractor](https://codeshack.io/url-link-extractor/): Extract all URLs and links from HTML or text.

## Tools: Image Utilities (69)

- [AI Alt Text Generator](https://codeshack.io/ai-alt-text-generator/): Draft alt text for images with an AI captioning model that runs on your device.
- [AI Face Blur](https://codeshack.io/ai-face-blur/): Automatically detect and blur faces in photos to protect privacy.
- [AI Image Upscaler](https://codeshack.io/ai-image-upscaler/): Upscale low-resolution images by 200% using AI.
- [AI Object Detector](https://codeshack.io/ai-object-detector/): Identify and label objects in images using AI.
- [Aspect Ratio Calculator](https://codeshack.io/aspect-ratio-calculator/): Calculate aspect ratios and find new dimensions for resizing images and videos.
- [Bulk Image Editor](https://codeshack.io/bulk-image-editor/): Resize, convert, watermark and rename many images in one pass.
- [CSV to Image Converter](https://codeshack.io/csv-to-image-converter/): Convert CSV data into a high-quality, styled table image (PNG, JPG, WEBP).
- [Color Blender & Gradient Generator](https://codeshack.io/color-gradient-generator/): Create beautiful color gradients and blended palettes online by mixing multiple colors and generating CSS code.
- [Color Contrast Checker](https://codeshack.io/color-contrast-checker/): Check the contrast ratio of your text and background colors to ensure they meet WCAG accessibility standards.
- [Color Information & Converter](https://codeshack.io/color-information/): Get complete info for any color, including conversions (HEX, RGB, HSL, CMYK), harmonies, tints, and shades.
- [Color Inverter](https://codeshack.io/color-inverter/): Invert any color to its negative, complement, inverted-lightness or grayscale, with codes in every format.
- [Color Palette Generator](https://codeshack.io/color-palette-generator/): Extract a color scheme from any image by uploading it and getting a palette of dominant colors with HEX/RGB codes.
- [Color Picker & Eyedropper](https://codeshack.io/color-picker/): Pick colors from an uploaded or pasted image and get HEX, RGB, and HSL codes.
- [Color Scheme Generator](https://codeshack.io/color-scheme-generator/): Generate harmonious color schemes like complementary, analogous, and triadic from a single base color.
- [EXIF Viewer & Metadata Remover](https://codeshack.io/exif-data-remover/): View and remove hidden EXIF data (like GPS location and camera info) from your photos to protect your privacy.
- [Empty Image Generator](https://codeshack.io/empty-image-generator/): Generate blank images of any size and color instantly.
- [Favicon Generator](https://codeshack.io/favicon-generator/): Create a complete favicon package (favicon.ico, PNGs, manifest) from any image.
- [GIF to PNG Converter](https://codeshack.io/gif-to-png-converter/): Extract a single frame from an animated GIF and convert it to a high-quality PNG.
- [GIF to WEBP Converter](https://codeshack.io/gif-to-webp-converter/): Crop, resize, and optimize animated GIFs, or extract a single frame and convert it to a high-quality WEBP image.
- [HEIC to JPG Converter](https://codeshack.io/heic-to-jpg-converter/): Convert iPhone HEIC photos to JPG format.
- [HEIC to PNG Converter](https://codeshack.io/heic-to-png-converter/): Convert iPhone HEIC photos to high-quality PNG format.
- [Horizontal to Vertical Image Converter](https://codeshack.io/horizontal-to-vertical-converter/): Convert landscape images to portrait with drag cropping or a blurred background (9:16, 4:5).
- [ICO to JPG Converter](https://codeshack.io/ico-to-jpg-converter/): Convert ICO files to JPG format.
- [ICO to PNG Converter](https://codeshack.io/ico-to-png-converter/): Convert ICO files to PNG format instantly.
- [ICO to WEBP Converter](https://codeshack.io/ico-to-webp-converter/): Convert ICO files to modern WEBP format.
- [Image Background Remover](https://codeshack.io/image-background-remover/): Cut out any subject and get a transparent PNG, in your browser.
- [Image Color Replacer](https://codeshack.io/image-color-replacer/): Replace any color in an image, with realistic shading, feathered edges and transparency.
- [Image Duplicator](https://codeshack.io/image-duplicator/): Tile and duplicate images or animated GIFs into patterns, grids and sprites.
- [Image Inverter](https://codeshack.io/image-inverter/): Invert image colors online: negative, invert lightness, grayscale or single channels, with a before/after slider.
- [Image Pixelator](https://codeshack.io/image-pixelator/): Pixelate any image online.
- [Image Splitter](https://codeshack.io/image-splitter/): Split large images into smaller parts for easier handling and faster loading.
- [Image to ASCII Art Generator](https://codeshack.io/image-to-ascii-art-generator/): Convert any image into text-based ASCII art online with customizable detail, character sets, and styles.
- [Image to Base64 Converter](https://codeshack.io/image-base64-converter/): Convert images to Base64 with ready-to-paste data URI, HTML, CSS and Markdown code.
- [Image to SVG Vectorizer](https://codeshack.io/image-to-svg-vectorizer/): Convert bitmap images (JPG, PNG) into scalable vectors (SVG).
- [Image to Text (OCR) Converter](https://codeshack.io/image-to-text-converter/): Extract text from images using Optical Character Recognition (OCR).
- [Images to Sprite Sheet Generator](https://codeshack.io/images-sprite-sheet-generator/): Combine multiple images into a single sprite sheet to optimize website performance.
- [JPG Compressor](https://codeshack.io/jpg-compressor/): Compress JPG/JPEG images online.
- [JPG to PNG Converter](https://codeshack.io/jpg-to-png-converter/): Convert JPG and JPEG images to the high-quality PNG format.
- [JPG to WEBP Converter](https://codeshack.io/jpg-to-webp-converter/): Convert, crop, resize, and optimize JPG images to the modern WEBP format.
- [Letter Profile Picture Generator](https://codeshack.io/letter-profile-picture-generator/): Turn a name into an initial avatar with fonts, gradients and shapes.
- [Merge Images](https://codeshack.io/merge-images/): Combine multiple images vertically or horizontally.
- [PNG Compressor](https://codeshack.io/png-compressor/): Compress PNG images online.
- [PNG Metadata to JSON](https://codeshack.io/png-metadata-to-json/): Extract hidden text metadata (tEXt, zTXt) and AI generation prompts from PNG files into JSON format.
- [PNG to WEBP Converter](https://codeshack.io/png-to-webp-converter/): Convert, crop, resize, and optimize PNG images to the modern WEBP format.
- [Placeholder Image Generator](https://codeshack.io/placeholder-image-generator/): Generate placeholder images of any size and color for your web projects.
- [Remove Color from Image](https://codeshack.io/remove-color-from-image/): Instantly remove a specific color from an image to create transparency.
- [Round Image Corners](https://codeshack.io/round-image-corners/): Add rounded corners or create circular profile pictures instantly.
- [SVG Background Pattern Generator](https://codeshack.io/svg-background-pattern-generator/): Create seamless SVG background patterns for websites.
- [SVG Blob Generator](https://codeshack.io/svg-blob-generator/): Generate unique, organic SVG blobs online.
- [SVG Editor](https://codeshack.io/svg-editor/): Draw, fix and export SVG with 21 built-in checks and one-click fixes.
- [SVG Optimizer](https://codeshack.io/svg-optimizer/): Optimize your SVG files.
- [SVG Shape Generator](https://codeshack.io/svg-shape-generator/): Create custom SVG shapes online.
- [SVG Sprite Generator](https://codeshack.io/svg-sprite-generator/): Bundle SVG icons into one symbol sprite with a live preview and usage code.
- [SVG Viewer](https://codeshack.io/svg-viewer/): View, preview, and inspect SVG files or code online with a live code editor.
- [SVG Wave Generator](https://codeshack.io/svg-wave-generator/): Generate unique SVG waves for your website dividers.
- [SVG to Data URI Converter](https://codeshack.io/svg-to-data-uri-converter/): Convert SVG to a data URI with size comparison and ready CSS/HTML snippets.
- [SVG to JPG Converter](https://codeshack.io/svg-to-jpg-converter/): Convert SVG files to JPG format. Rasterize vector graphics with custom background colors for universal compatibility.
- [SVG to PNG Converter](https://codeshack.io/svg-to-png-converter/): Convert SVG files to PNG images online.
- [SVG to WEBP Converter](https://codeshack.io/svg-to-webp-converter/): Convert SVG files to WEBP images online.
- [Screenshot Beautifier](https://codeshack.io/screenshot-beautifier/): Add beautiful backgrounds, browser frames, and effects to your screenshots.
- [Simple Image Resizer](https://codeshack.io/simple-image-resizer/): Resize images online by setting custom dimensions, maintaining aspect ratio, and adding a background color.
- [Social Media Image Resizer](https://codeshack.io/social-media-image-resizer/): Resize and crop images for Instagram, Facebook, YouTube, and X.
- [TIFF to JPG Converter](https://codeshack.io/tiff-to-jpg-converter/): Convert TIFF (.tif, .tiff) images to the universally supported JPG format.
- [TIFF to PNG Converter](https://codeshack.io/tiff-to-png-converter/): Convert TIFF (.tif, .tiff) images to the universally supported PNG format.
- [Text to SVG Path Converter](https://codeshack.io/text-to-svg-path-converter/): Convert text into SVG paths and vector outlines.
- [Vertical to Horizontal Converter](https://codeshack.io/vertical-to-horizontal-converter/): Convert portrait images to landscape with drag cropping or a blurred background (16:9).
- [WEBP Compressor](https://codeshack.io/webp-compressor/): Compress WEBP images online.
- [WEBP to JPG Converter](https://codeshack.io/webp-to-jpg-converter/): Convert WEBP images to the universally supported JPG format.
- [WEBP to PNG Converter](https://codeshack.io/webp-to-png-converter/): Convert WEBP images to the high-quality PNG format.

## Tools: Network Utilities (14)

- [.htpasswd Generator](https://codeshack.io/htpasswd-generator/): Generate secure .htpasswd files using Bcrypt for Apache directory protection.
- [Chmod Calculator](https://codeshack.io/chmod-calculator/): Calculate Unix file permissions (e.g., 755) and convert between numeric and symbolic notations.
- [Hex to IP Converter](https://codeshack.io/hex-to-ip-converter/): Convert hexadecimal format back to IP addresses for easier understanding.
- [IP to Hex Converter](https://codeshack.io/ip-to-hex-converter/): Convert IP addresses to hexadecimal format for easier representation.
- [Log Scrubber & Syslog Anonymizer](https://codeshack.io/log-scrubber/): Instantly scrub, sanitize, and anonymize server logs.
- [MIME Type Lookup](https://codeshack.io/mime-type-lookup/): Find the official MIME type for any file extension, or look up an extension by its content-type.
- [Online Clipboard](https://codeshack.io/online-clipboard/): Paste text on one device and open it on another with a 6-digit PIN or link.
- [Password Generator](https://codeshack.io/password-generator/): Generate cryptographically secure passwords, passphrases and PINs with an exact entropy meter.
- [Subnet Calculator](https://codeshack.io/subnet-calculator/): Calculate IP network details like network address, broadcast, host range, and more from an IP and CIDR mask.
- [Time Zone Converter](https://codeshack.io/time-zone-converter/): Convert times between different world time zones.
- [URL Parser](https://codeshack.io/url-parser/): Break down any URL into its individual components: protocol, hostname, port, path, query parameters, and hash.
- [What Is My IP Address?](https://codeshack.io/what-is-my-ip/): Quickly display your public IP address using this simple tool.
- [What Is My Screen Resolution?](https://codeshack.io/what-is-my-screen-resolution/): Instantly check your screen resolution, browser viewport size, pixel density (DPR), and color depth.
- [What Is My User Agent?](https://codeshack.io/what-is-my-user-agent/): Instantly find and parse your browser's user agent string.

## Tools: Number Utilities (9)

- [Base Converter](https://codeshack.io/base-converter/): Convert numbers between binary, octal, decimal, and hexadecimal systems in real-time.
- [Bitwise Calculator](https://codeshack.io/bitwise-calculator/): An online calculator for bitwise operations like AND, OR, XOR, and bit shifts, with a live binary breakdown.
- [File Size Converter](https://codeshack.io/file-size-converter/): Convert between digital storage units like bytes, kilobytes (KB), megabytes (MB), gigabytes (GB), and their binary counterparts (KiB, MiB, GiB).
- [Grade Calculator](https://codeshack.io/grade-calculator/): Calculate weighted course grades and determine the final exam score needed to reach your target.
- [Number Sorter](https://codeshack.io/number-sorter/): Sort a list of numbers numerically (ascending or descending).
- [Number Sum Calculator](https://codeshack.io/number-sum-calculator/): Quickly calculate the sum, count, average, median, min, and max for a list of numbers.
- [Numbers to Words Converter](https://codeshack.io/numbers-to-words-converter/): Spell numbers out in words, currency, check or lakh and crore format.
- [Percentage Calculator](https://codeshack.io/percentage-calculator/): Calculate percentages, percentage increase/decrease, and ratios instantly.
- [Words to Numbers Converter](https://codeshack.io/words-to-numbers-converter/): Turn written number words back into digits, including lakh and crore.

## Tools: PDF Utilities (7)

- [Invoice PDF Generator](https://codeshack.io/invoice-pdf-generator/): Quickly generate professional invoices in PDF, PNG, or HTML format without registration.
- [PDF Merge Tool](https://codeshack.io/pdf-merge-tool/): Combine multiple PDF documents into one file.
- [PDF Splitter](https://codeshack.io/pdf-splitter/): Split PDF files or extract specific pages visually.
- [PDF to JPG Converter](https://codeshack.io/pdf-to-jpg-converter/): Convert PDF files to high-quality JPG images.
- [PDF to PNG Converter](https://codeshack.io/pdf-to-png-converter/): Convert PDF files to high-quality PNG images.
- [PDF to Text Converter](https://codeshack.io/pdf-to-text-converter/): Extract plain text from PDF files instantly.
- [Text to PDF Converter](https://codeshack.io/text-to-pdf-converter/): Convert plain text into a customizable PDF document for printing or sharing.

## Tools: Random Utilities (18)

- [Coin Flip](https://codeshack.io/coin-flip/): Flip a coin for heads or tails, or flip up to 10,000 coins at once.
- [Credit Card Generator](https://codeshack.io/credit-card-generator/): Generate Luhn-valid test credit card numbers with CVV, expiry and a card preview.
- [Dice Roller](https://codeshack.io/dice-roller/): Roll d4 to d100 dice with modifiers like 2d6+3 and see the exact odds.
- [Random Date Generator](https://codeshack.io/random-date-generator/): Generate random dates for testing or other purposes.
- [Random Day Generator](https://codeshack.io/random-day-generator/): Generate a random day of the week or a list of days instantly. Filter by weekdays or weekends.
- [Random Emoji Generator](https://codeshack.io/random-emoji-generator/): Generate random emojis instantly.
- [Random HEX Generator](https://codeshack.io/random-hex-generator/): Generate random HEX codes for colors or other purposes.
- [Random Height Generator](https://codeshack.io/random-height-generator/): Generate random or realistic human heights for characters and datasets.
- [Random IP Address Generator](https://codeshack.io/random-ip-generator/): Generate random IP addresses for testing or other purposes.
- [Random List Item Picker](https://codeshack.io/random-list-item-picker/): Randomly pick one or more items from a list.
- [Random Month Generator](https://codeshack.io/random-month-generator/): Generate a random month or a list of months instantly.
- [Random Number & String Generator](https://codeshack.io/random-number-string-generator/): Generate random numbers and strings for testing or other purposes.
- [Random Phone Number Generator](https://codeshack.io/random-phone-number-generator/): Generate random phone numbers for testing or other purposes.
- [Random Weight Generator](https://codeshack.io/random-weight-generator/): Generate random body weights for characters or data testing.
- [Random Year Generator](https://codeshack.io/random-year-generator/): Generate a random year or a list of years between a start and end date.
- [Random ZIP Code Generator](https://codeshack.io/random-zip-code-generator/): Generate real US ZIP codes with city, state and county, filtered by state.
- [Spin the Wheel](https://codeshack.io/spin-the-wheel/): Spin a wheel of names or options to pick a random winner with equal odds.
- [Yes or No Wheel](https://codeshack.io/yes-or-no-wheel/): Spin the wheel to make a random decision.

## Tools: SEO Utilities (12)

- [HTACCESS Redirect Generator](https://codeshack.io/htaccess-redirect-generator/): Generate safe 301 redirects, force HTTPS, and manage domain routing for Apache servers.
- [Hreflang Tag Generator](https://codeshack.io/hreflang-tag-generator/): Generate hreflang link tags to specify language and regional URLs for your pages.
- [JSON-LD Article Markup Generator](https://codeshack.io/json-ld-article-markup-generator/): Generate structured JSON-LD markup for articles to boost SEO performance.
- [JSON-LD FAQ Markup Generator](https://codeshack.io/json-ld-faq-markup-generator/): Create JSON-LD markup for FAQ sections to enhance your website's search results.
- [Keyword Density Checker](https://codeshack.io/keyword-density-checker/): Analyze keyword density for single words and phrases to optimize your content for SEO.
- [Meta Tag Generator](https://codeshack.io/meta-tag-generator/): Build an SEO head block with a pixel accurate Google preview.
- [Open Graph Generator](https://codeshack.io/open-graph-generator/): Write og: tags and preview the card on five social platforms.
- [SEO Title & Meta Checker](https://codeshack.io/seo-title-meta-checker/): Check and optimize your page's SEO title and meta tags for better search ranking.
- [Social Share Link Generator](https://codeshack.io/social-share-link-generator/): Generate custom social share links for Facebook, X, Pinterest, and more to boost your content's reach.
- [UTM Campaign URL Builder](https://codeshack.io/utm-campaign-url-builder/): Build tracked campaign URLs with UTM parameters for Google Analytics.
- [X (Twitter) Card Generator](https://codeshack.io/twitter-card-generator/): Generate all four X card types and preview how X renders them.
- [robots.txt Generator](https://codeshack.io/robots-txt-generator/): Create a complete robots.txt file to manage search engine crawlers.

## Tools: String Utilities (46)

- [ASCII Code to Text Converter](https://codeshack.io/ascii-to-text-converter/): Convert ASCII code back into readable text.
- [Add Prefix/Suffix to Lines](https://codeshack.io/add-prefix-suffix-to-lines/): Add a prefix and/or suffix to every line, with line numbering.
- [Blank Text Copy and Paste](https://codeshack.io/blank-text/): Copy blank text or blank lines, and check if a blank survives trimming.
- [Case Converter](https://codeshack.io/case-converter/): Convert text to sentence case, lower case, UPPER CASE, camelCase, and more.
- [Character Counter](https://codeshack.io/character-counter/): Count characters live, with limits for X, SMS, Instagram and SEO.
- [Column to Comma Separated List](https://codeshack.io/column-to-comma-separated-list/): Convert a vertical list of items into a comma-separated list.
- [Comma Separated List to Column](https://codeshack.io/comma-separated-list-to-column/): Convert a comma-separated list into a vertical column layout for easier reading.
- [Email Extractor](https://codeshack.io/email-extractor/): Pull every email address out of text, HTML or a file, and filter by domain.
- [Find and Replace Text](https://codeshack.io/find-and-replace-text/): Quickly find and replace text in bulk.
- [Hashtag Extractor](https://codeshack.io/hashtag-extractor/): Extract all hashtags from a block of text.
- [Invisible Text Generator](https://codeshack.io/invisible-text-generator/): Copy invisible characters and blank text for WhatsApp messages, Instagram bios, and gaming usernames.
- [Line Counter](https://codeshack.io/line-counter/): Count total, blank, unique and duplicate lines at a glance.
- [Lorem Ipsum Generator](https://codeshack.io/lorem-ipsum-generator/): Generate placeholder text to fill layouts during design and development.
- [Old English Text Generator](https://codeshack.io/old-english-text-generator/): Convert text into gothic, medieval Old English (Fraktur) style instantly.
- [ROT13 Encoder/Decoder](https://codeshack.io/rot13-encoder-decoder/): A two-way converter for ROT13, a simple substitution cipher.
- [Remove Accents/Diacritics](https://codeshack.io/remove-accents/): Remove diacritics and accents from text (e.g., converting é, à, ö to e, a, o).
- [Remove Duplicate Lines](https://codeshack.io/remove-duplicate-lines/): Remove duplicate lines from any list, with sorting and case options.
- [Remove Empty Lines](https://codeshack.io/remove-empty-lines/): Automatically remove empty lines and cleanup whitespace from text.
- [Remove Extra Spaces](https://codeshack.io/remove-extra-spaces/): Clean up text by removing leading/trailing spaces, multiple spaces between words, and empty line breaks.
- [Remove Line Breaks](https://codeshack.io/remove-line-breaks/): Join multiple lines into one and strip out newlines.
- [Remove Punctuation](https://codeshack.io/remove-punctuation/): Remove punctuation, symbols, and special characters from your text.
- [Remove Text Containing](https://codeshack.io/remove-text-containing/): Filter out lines that contain specific words or phrases from your text.
- [Reverse Line Order](https://codeshack.io/reverse-line-order/): Reverse the order of lines, or the characters in each line.
- [Sentence Counter](https://codeshack.io/sentence-counter/): Count sentences live, with averages, questions and a color-coded breakdown.
- [Slugify URL Generator](https://codeshack.io/slugify-url-generator/): Convert text into a clean, URL-friendly slug.
- [Small Text Generator](https://codeshack.io/small-text-generator/): Convert text to tiny superscript, subscript, and small caps.
- [Sort Lines Alphabetically](https://codeshack.io/sort-lines-alphabetically/): Sort lines alphabetically (A-Z or Z-A), by length, reverse or shuffle.
- [Strikethrough Text Generator](https://codeshack.io/strikethrough-text-generator/): Generate strikethrough text styles for social media, emails, and documents instantly.
- [Superscript Generator](https://codeshack.io/superscript-generator/): Turn text into raised Unicode superscript you can copy and paste.
- [Syllable Counter](https://codeshack.io/syllable-counter/): Count syllables line by line with haiku checking and readability scores.
- [Text Cleaner](https://codeshack.io/text-cleaner/): Clean up your text by removing unwanted characters, spaces, and formatting.
- [Text Compare](https://codeshack.io/diff-checker/): Compare two texts and highlight every difference, side-by-side or inline.
- [Text Font Changer](https://codeshack.io/text-font-changer/): Convert text into stylish unicode fonts with advanced options for letters, numbers, and symbols.
- [Text Repeater](https://codeshack.io/text-repeater/): Repeat any text a specified number of times.
- [Text Reverser](https://codeshack.io/text-reverser/): Reverse the order of your text quickly for creative or debugging purposes.
- [Text to ASCII Code Converter](https://codeshack.io/text-to-ascii-converter/): Convert any text into its ASCII code representation.
- [UTF-8 Decoder](https://codeshack.io/utf8-decoder/): Decode any UTF-8 encoded text back to its original format.
- [UTF-8 Encoder](https://codeshack.io/utf8-encoder/): Encode any text into UTF-8 format for better compatibility.
- [Upside Down Text Generator](https://codeshack.io/upside-down-text-generator/): Flip text 180 degrees instantly for Facebook, Twitter, and Instagram bios.
- [Word & Phrase Frequency Counter](https://codeshack.io/word-frequency-counter/): Analyze your text to find the most frequently used words and phrases (bigrams & trigrams) for SEO and content analysis.
- [Word Counter](https://codeshack.io/word-counter/): Count words and characters live, with reading time and a goal tracker.
- [Word Shuffler](https://codeshack.io/word-shuffler/): Randomize the order of words, lines, or words within lines.
- [Words per Page Calculator](https://codeshack.io/words-per-page-calculator/): Convert a word count into pages by font, size and line spacing.
- [Wrap Each Line in Quotes](https://codeshack.io/wrap-each-line-in-quotes/): Wrap every line in quotes or brackets, ready for code or SQL.
- [Zalgo Text Generator](https://codeshack.io/zalgo-text-generator/): Turn text into cursed, glitchy Zalgo text, or strip the marks back out.
- [Zero-Width Space Copy](https://codeshack.io/zero-width-space-copy/): Copy the invisible zero-width space (ZWSP) character for social media, usernames, and formatting.

## Tools: Text Utilities (4)

- [String Obfuscator](https://codeshack.io/string-obfuscator/): Obfuscate text, emails, and links to protect data from bots.
- [Text Anonymizer & PII Scrubber](https://codeshack.io/text-anonymizer/): Securely mask and redact PII from text online.
- [Text Chunker for RAG](https://codeshack.io/text-chunker/): Split large documents into semantic chunks with overlap.
- [Text to Handwriting](https://codeshack.io/text-to-handwriting/): Convert digital text into realistic handwritten notes.

## Tools: Time Utilities (8)

- [10 Day Calculator](https://codeshack.io/10-day-calculator/): Find the date 10 days or 10 business days out and the weekday it lands on.
- [30 Day Calculator](https://codeshack.io/30-day-calculator/): Count 30 days from any date and compare it with one calendar month.
- [60 Day Calculator](https://codeshack.io/60-day-calculator/): Find the date 60 days ahead or ago, in calendar or business days.
- [Age Calculator](https://codeshack.io/age-calculator/): Calculate your exact age in years, months, and days.
- [Audiobook Speed Calculator](https://codeshack.io/audiobook-speed-calculator/): Calculate new listening time and time saved by speeding up audiobooks or podcasts.
- [Business Days Calculator](https://codeshack.io/business-days-calculator/): Calculate future business dates or count working days between dates.
- [Pomodoro Timer](https://codeshack.io/pomodoro-timer/): Online Pomodoro timer for productivity.
- [Time Calculator](https://codeshack.io/time-calculator/): Add and subtract time, calculate duration between dates, and more.

## Tools: Unit Converters (2)

- [KM to Miles Converter](https://codeshack.io/km-to-miles-converter/): Convert distance (km/mi) and speed (kph/mph) instantly.
- [Miles to KM Converter](https://codeshack.io/miles-to-km-converter/): Convert miles to kilometers (mi to km) and mph to kph instantly.

## Tools: Video Utilities (2)

- [Video Thumbnail Generator](https://codeshack.io/video-thumbnail-generator/): Extract any frame from a video and save it as a PNG, JPG or WebP image.
- [Video to GIF Converter](https://codeshack.io/video-to-gif-converter/): Trim a video segment and turn it into a looping animated GIF.

## PHP tutorials (32)

- [21 Useful PHP Snippets](https://codeshack.io/21-useful-php-snippets/): A list of useful PHP snippets to copy and paste into your projects.
- [Build an Invoice System with Stripe, PHP, and MySQL](https://codeshack.io/build-invoice-system-stripe-php-mysql/): Build an invoice system with Stripe, PHP and MySQL to create, manage and process invoices. [Free source code](https://codeshack.io/download/build-invoice-system-stripe-php-mysql/)
- [Commenting System with PHP, MySQL, and AJAX](https://codeshack.io/commenting-system-php-mysql-ajax/): Add a comment section to any website with PHP, MySQL and AJAX. [Free source code](https://codeshack.io/download/commenting-system-php-mysql-ajax/)
- [CRUD Application with PHP, PDO, and MySQL](https://codeshack.io/crud-application-php-pdo-mysql/): Create, read, update and delete (CRUD) records with PHP, PDO and MySQL, step by step. [Free source code](https://codeshack.io/download/crud-application-php-pdo-mysql/)
- [Event Calendar with PHP](https://codeshack.io/event-calendar-php/): A PHP event calendar class. Add events to the calendar and output it as HTML. [Free source code](https://codeshack.io/download/event-calendar-php/)
- [File Management System with PHP](https://codeshack.io/file-management-system-php/): Build a file management system with PHP that creates, deletes and renames files. [Free source code](https://codeshack.io/download/file-management-system-php/)
- [File Upload Progress Bar with JS and PHP](https://codeshack.io/file-upload-progress-bar-js-php/): Build a file upload form with a progress bar using JavaScript, AJAX and PHP. [Free source code](https://codeshack.io/download/file-upload-progress-bar-js-php/)
- [Gallery System with PHP, MySQL and JS](https://codeshack.io/gallery-system-php-mysql-js/): Build a PHP photo gallery with image uploads, viewing and deletion, using MySQL and JavaScript. [Free source code](https://codeshack.io/download/gallery-system-php-mysql-js/)
- [Hotel Reservation Form with PHP](https://codeshack.io/hotel-reservation-form-php/): Build a hotel reservation form with PHP. [Free source code](https://codeshack.io/download/hotel-reservation-form-php/)
- [How to Build a REST API with PHP and MySQL](https://codeshack.io/rest-api-php-mysql/): Build a REST API with PHP and MySQL from scratch. Step-by-step guide to routing, GET/POST/PUT/DELETE endpoints, JSON, status codes and API key security. [Free source code](https://codeshack.io/download/rest-api-php-mysql/)
- [How to Create a Contact Page with PHP](https://codeshack.io/how-to-create-contact-page-php/): Build a contact page with PHP that validates form data and sends mail. [Free source code](https://codeshack.io/download/how-to-create-contact-page-php/)
- [How to Create a Login System in Laravel](https://codeshack.io/login-system-laravel/): Build a login and registration system with Laravel, PHP and MySQL. [Free source code](https://codeshack.io/download/login-system-laravel/)
- [How to Create Pagination with PHP and MySQL](https://codeshack.io/how-to-create-pagination-php-mysql/): Paginate database results with PHP and MySQL. [Free source code](https://codeshack.io/download/how-to-create-pagination-php-mysql/)
- [How to Integrate PayPal with PHP and MySQL](https://codeshack.io/how-to-integrate-paypal-php-mysql/): Learn how to integrate PayPal with your PHP and MySQL shopping cart system, the payment gateway that is most commonly used. [Free source code](https://codeshack.io/download/how-to-integrate-paypal-php-mysql/)
- [How to Send Emails in PHP with Gmail SMTP](https://codeshack.io/send-emails-php-gmail-smtp/): Learn how to send emails in PHP with Gmail SMTP using various methods, such as PHPMailer, OAuth authentication, and the native mail() function. Copy and paste code snippets. [Free source code](https://codeshack.io/download/send-emails-php-gmail-smtp/)
- [How to Sort Table Columns with PHP and MySQL](https://codeshack.io/how-to-sort-table-columns-php-mysql/): Sort the columns of an HTML table with PHP and MySQL. [Free source code](https://codeshack.io/download/how-to-sort-table-columns-php-mysql/)
- [Implement Facebook Login with PHP](https://codeshack.io/implement-facebook-login-php/): Implement the Facebook OAuth login to authenticate your users on your website using PHP and cURL. [Free source code](https://codeshack.io/download/implement-facebook-login-php/)
- [Implement Google Login with PHP](https://codeshack.io/implement-google-login-php/): Sign users in with their Google account using the Google Client API and PHP. [Free source code](https://codeshack.io/download/implement-google-login-php/)
- [Lightweight Template Engine with PHP](https://codeshack.io/lightweight-template-engine-php/): A lightweight PHP template engine that compiles templates to PHP code. [Free source code](https://codeshack.io/download/lightweight-template-engine-php/)
- [Live Support Chat with AJAX, PHP and MySQL](https://codeshack.io/live-support-chat-ajax-php-mysql/): Build a live support chat with AJAX, JavaScript, PHP and MySQL. [Free source code](https://codeshack.io/download/live-support-chat-ajax-php-mysql/)
- [Multi-Step Survey Form with JS and PHP](https://codeshack.io/multi-step-survey-form-js-php/): Build a multi-step survey form with JavaScript and PHP. [Free source code](https://codeshack.io/download/multi-step-survey-form-js-php/)
- [Newsletter System with PHP and MySQL](https://codeshack.io/newsletter-system-php-mysql/): Build a newsletter system with PHP and MySQL to manage a subscriber mailing list. [Free source code](https://codeshack.io/download/newsletter-system-php-mysql/)
- [Poll and Voting System with PHP and MySQL](https://codeshack.io/poll-voting-system-php-mysql/): Learn how to create a complete poll and voting system with PHP and MySQL. Publish and manage existing polls. [Free source code](https://codeshack.io/download/poll-voting-system-php-mysql/)
- [Review System with PHP, MySQL, and AJAX](https://codeshack.io/review-system-php-mysql-ajax/): Add user reviews to any page with PHP, MySQL and AJAX. [Free source code](https://codeshack.io/download/review-system-php-mysql-ajax/)
- [RSS News Feed with PHP and MySQL](https://codeshack.io/rss-news-feed-php-mysql/): Build an RSS news feed with PHP and MySQL. [Free source code](https://codeshack.io/download/rss-news-feed-php-mysql/)
- [Secure Login System with PHP and MySQL](https://codeshack.io/secure-login-system-php-mysql/): Build a secure login system with PHP and MySQL, step by step: session authentication, password hashing, prepared statements, and a clean login form design. [Free source code](https://codeshack.io/download/secure-login-system-php-mysql/)
- [Secure Password Reset System with PHP and MySQL](https://codeshack.io/password-reset-system-php-mysql/): Build a secure password reset system with PHP and MySQL. Generate expiring reset tokens, email a reset link with PHPMailer, and update passwords the safe way. [Free source code](https://codeshack.io/download/password-reset-system-php-mysql/)
- [Secure Registration System with PHP and MySQL](https://codeshack.io/secure-registration-system-php-mysql/): Build a secure registration system with PHP and MySQL: a signup form with validation, password hashing, duplicate username checks, and email account activation. [Free source code](https://codeshack.io/download/secure-registration-system-php-mysql/)
- [Shopping Cart System with PHP and MySQL](https://codeshack.io/shopping-cart-system-php-mysql/): Build a shopping cart system for an online store with PHP, MySQL (PDO), HTML5 and CSS3. [Free source code](https://codeshack.io/download/shopping-cart-system-php-mysql/)
- [Stripe Subscription System with PHP and MySQL](https://codeshack.io/stripe-subscription-system-php-mysql/): Add recurring Stripe subscriptions to a PHP and MySQL site with Checkout sessions and verified webhooks. The full tutorial and its source code require a Pro membership.
- [Super-fast PHP MySQL Database Class](https://codeshack.io/super-fast-php-mysql-database-class/): A PHP class with functions to connect to a MySQL database and fetch records. [Free source code](https://codeshack.io/download/super-fast-php-mysql-database-class/)
- [Ticketing System with PHP and MySQL](https://codeshack.io/ticketing-system-php-mysql/): Build a ticketing system with PHP and MySQL to create, manage and track support tickets. [Free source code](https://codeshack.io/download/ticketing-system-php-mysql/)

## JavaScript tutorials (13)

- [20 Useful jQuery Snippets](https://codeshack.io/20-useful-jquery-snippets/): A set of jQuery snippets you can copy into your projects.
- [21 JavaScript Code Snippets for Beginners](https://codeshack.io/21-javascript-code-snippets-beginners/): A collection of JavaScript code snippets for beginners to use in their projects.
- [5 Ways to Detect Mobile Devices with JavaScript](https://codeshack.io/detect-mobile-devices-javascript/): Five JavaScript methods for detecting mobile devices, ranked from worst to best, including the userAgentData API.
- [Adblocker Detector Popup with JavaScript and CSS3](https://codeshack.io/adblocker-detector-popup-javascript-css3/): The ad block detector popup will kindly ask your visitors to whitelist your website. [Free source code](https://codeshack.io/download/adblocker-detector-popup-javascript-css3/)
- [Build an AI-Powered Chatbot with OpenAI, ChatGPT, and JavaScript](https://codeshack.io/build-ai-powered-chatbot-openai-chatgpt-javascript/): Build a chatbot with the OpenAI API, HTML, CSS and JavaScript. [Free source code](https://codeshack.io/download/build-ai-powered-chatbot-openai-chatgpt-javascript/)
- [Create a Responsive Masonry Layout with HTML, CSS & JavaScript](https://codeshack.io/create-responsive-masonry-layout-html-css-javascript/): Build a Pinterest-style responsive masonry layout with HTML, CSS and JavaScript. [Free source code](https://codeshack.io/download/create-responsive-masonry-layout-html-css-javascript/)
- [Create your own Content Locker with HTML and JavaScript](https://codeshack.io/create-your-own-content-locker-html-javascript/): Build a modern content locker with HTML, CSS, and JavaScript. Visitors share or subscribe to unlock content, with no plugins, jQuery, or icon fonts. [Free source code](https://codeshack.io/download/create-your-own-content-locker-html-javascript/)
- [Dynamic Select with Images using HTML and JavaScript](https://codeshack.io/dynamic-select-images-html-javascript/): A JavaScript class that adds images to HTML select dropdowns. [Free source code](https://codeshack.io/download/dynamic-select-images-html-javascript/)
- [Elegant Toast Notifications with JavaScript](https://codeshack.io/elegant-toast-notifications-javascript/): A lightweight JavaScript library that shows toast notifications for messages and responses in web apps. [Free source code](https://codeshack.io/download/elegant-toast-notifications-javascript/)
- [EU Cookie Consent Popup with JavaScript](https://codeshack.io/eu-cookie-consent-popup-javascript/): Pure JavaScript cookie consent popup script, compatible with most browsers and will only show to EU visitors. [Free source code](https://codeshack.io/download/eu-cookie-consent-popup-javascript/)
- [How to Convert HTML Tables to CSV Using JavaScript](https://codeshack.io/convert-html-tables-csv-javascript/): A JavaScript class that converts HTML tables to CSV. [Free source code](https://codeshack.io/download/convert-html-tables-csv-javascript/)
- [Interactive Modals with JavaScript](https://codeshack.io/interactive-modals-javascript/): A JavaScript class for confirmation, alert and prompt modals. [Free source code](https://codeshack.io/download/interactive-modals-javascript/)
- [Multi Select Dropdown with HTML and JavaScript](https://codeshack.io/multi-select-dropdown-html-javascript/): Turn a native select element into a multi-select dropdown with search, item limits and dynamic creation, using HTML, CSS and plain JavaScript. [Free source code](https://codeshack.io/download/multi-select-dropdown-html-javascript/)

## Python tutorials (3)

- [20 Essential Python Code Snippets for Every Beginner](https://codeshack.io/20-essential-python-code-snippets/): Twenty copy-and-paste Python snippets for everyday tasks, written for beginners.
- [Login and Registration System with Python Flask and MySQL](https://codeshack.io/login-system-python-flask-mysql/): Build a secure login and registration system with Python, Flask and MySQL, using prepared statements, scrypt password hashing and CSRF protection. [Free source code](https://codeshack.io/download/login-system-python-flask-mysql/)
- [Python Basics: The Complete Step-by-Step Guide for Beginners](https://codeshack.io/python-basics/): A beginner's guide to Python that covers installation, variables, loops, OOP and file handling.

## CSS tutorials (1)

- [Pure CSS3 and HTML5 Tooltips](https://codeshack.io/pure-css3-html5-tooltips/): Learn how to code your own CSS3 and HTML5 tooltips, no JavaScript required. [Free source code](https://codeshack.io/download/pure-css3-html5-tooltips/)

## Node.js tutorials (1)

- [Basic Login System with Node.js, Express, and MySQL](https://codeshack.io/basic-login-system-nodejs-express-mysql/): Learn how to create a basic login system with Node.js, Express, and MySQL. Authenticate users on your website to access restricted pages. [Free source code](https://codeshack.io/download/basic-login-system-nodejs-express-mysql/)

## Learn Python (28 lessons)

- [Python Hello World: Your First Program](https://codeshack.io/learn/python/hello-world/): Write and run your first Python program. Print Hello, World! in your browser, see the real output, fix a broken version and take a short quiz.
- [Python Variables: How to Store and Use Values](https://codeshack.io/learn/python/variables/): Learn what a Python variable is, how to create one, the rules for names, and how a variable changes value and type. Every example runs in your browser.
- [Python Data Types: The Built-in Types Explained](https://codeshack.io/learn/python/data-types/): The built-in Python data types, how to check a value's type with type(), how to convert between types, and which can change. Examples run in your browser.
- [Python Numbers: Integers, Floats and Arithmetic](https://codeshack.io/learn/python/numbers/): How Python numbers work, with int and float, the seven arithmetic operators including floor division and modulo, why 0.1 + 0.2 is not 0.3, and rounding.
- [Python Strings: Quotes, Indexing, Slicing and Methods](https://codeshack.io/learn/python/strings/): How Python strings work, with quotes, indexing, slicing, the most useful methods, why strings never change, escapes and raw strings.
- [Python f-strings: Format Strings the Modern Way](https://codeshack.io/learn/python/string-formatting/): Format Python strings with f-strings. Put variables in text, show 2 decimal places, add thousands separators, align columns, and recognize %s and format().
- [Python Input and Output: input() and print() Explained](https://codeshack.io/learn/python/input-and-output/): Read what the user types with input(), turn it into a number, and control print() with end and sep, including how to print without a newline.
- [Python Comments: Single-Line, Multi-Line and Docstrings](https://codeshack.io/learn/python/comments/): Write Python comments with #, comment out several lines with one shortcut, learn why triple quotes are not comments, and add a docstring to a function.
- [Python Booleans and Comparison Operators Explained](https://codeshack.io/learn/python/booleans-and-comparisons/): How Python booleans work, with True and False, the six operators that compare values, why True == 1, what bool() treats as False, and == versus is.
- [Python if, elif and else: Conditional Statements](https://codeshack.io/learn/python/if-else/): How if, elif and else work in Python, why elif exists, the one-line form, nested ifs, and the exact error messages a missing colon or indent produces.
- [Python Logical Operators: and, or and not Explained](https://codeshack.io/learn/python/logical-operators/): The logical operators and, or and not in Python, with a truth table, why && is an error, short-circuit rules, the values they return, and precedence.
- [Python match Statement: Switch Case in Python 3.10+](https://codeshack.io/learn/python/match-statement/): Python has no switch keyword, but since 3.10, match and case do the job. Learn case _, matching several values with |, guards, and why no break is needed.
- [Python for Loop: Syntax, range() and Examples](https://codeshack.io/learn/python/for-loops/): How a Python for loop works, with range() for counting, loops over strings and lists, enumerate() for the index, and the errors beginners meet first.
- [Python while Loop: Syntax, Examples and Infinite Loops](https://codeshack.io/learn/python/while-loops/): How a Python while loop works, when it runs zero times, what an infinite loop is, the while True and do-while patterns, and for versus while.
- [Python break and continue: Exit Loops and Skip Iterations](https://codeshack.io/learn/python/break-and-continue/): What break and continue do in Python, how they differ from pass, how nested loops run and how to leave one, and what an else clause after a loop means.
- [Python Lists: Create, Index, Slice and Change Lists](https://codeshack.io/learn/python/lists/): How Python lists work, with examples for creating a list, indexing from 0 and -1, slicing, changing items, len() and lists of lists, plus common errors.
- [Python List Methods: append(), sort(), remove() and More](https://codeshack.io/learn/python/list-methods/): Every Python list method with its output, including append() versus extend(), remove() versus pop(), sort() versus sorted(), and the errors they raise.
- [Python List Comprehension: Syntax, if/else and Examples](https://codeshack.io/learn/python/list-comprehension/): How a Python list comprehension works, with the matching for loop for every example, if filters, if/else expressions, two for clauses and common mistakes.
- [Python Tuples: Create, Unpack and Compare With Lists](https://codeshack.io/learn/python/tuples/): What a Python tuple is, how to create one, why it cannot be changed, tuple unpacking, converting to a list, and when to pick a tuple over a list.
- [Python Dictionary: Keys, Values, get() and Looping](https://codeshack.io/learn/python/dictionaries/): How Python dictionaries work, with examples for creating one, get() with a default, adding and removing keys, looping with items(), and the KeyError trap.
- [Python Sets: Unique Items, set() and Set Operations](https://codeshack.io/learn/python/sets/): How Python sets store unique values, with set(), add() and remove(), union and intersection, removing duplicates from a list, and set versus list.
- [Python Functions: def, Parameters and return](https://codeshack.io/learn/python/functions/): How to define and call a Python function with def, pass arguments to parameters, return a result, and why a function that only prints returns None.
- [Python Function Arguments: Defaults, *args and **kwargs](https://codeshack.io/learn/python/function-arguments/): Positional and keyword arguments in Python, default parameter values, the shared mutable default trap, *args, **kwargs and unpacking a list into a call.
- [Python Lambda Functions: Syntax, sorted() and Examples](https://codeshack.io/learn/python/lambda/): What a Python lambda is, how to write one, and how to use it as a key for sorted(), max() and min() or with map() and filter(), plus lambda vs def.
- [Python Variable Scope: Local, Global and the LEGB Rule](https://codeshack.io/learn/python/scope/): How variable scope works in Python, local versus global variables, the global and nonlocal keywords, why UnboundLocalError happens, and the LEGB rule.
- [Python Modules and Imports: import, from, as and pip](https://codeshack.io/learn/python/modules-and-imports/): How to import a Python module, the difference between import and from import, aliases with as, writing your own module, __name__ and installing with pip.
- [Python try except: Handle Errors and Exceptions](https://codeshack.io/learn/python/errors-and-exceptions/): Read a Python traceback, catch errors with try and except, use else and finally, raise exceptions on purpose, and learn the common built-in exceptions.
- [How to Install Python on Windows, macOS and Linux](https://codeshack.io/learn/python/install-python/): Install Python on Windows, macOS or Linux in a few minutes, check the version with one command, and run your first .py file from a terminal.

## References

- [CSS reference](https://codeshack.io/references/css/): 96 pages on properties (54), selectors (20), functions (12) and at-rules (10). The page lists every entry.
- [CSS reference index](https://codeshack.io/references/css/llms.txt): Every CSS reference entry with a one-line summary, grouped by category, in llms.txt format.
- [HTML reference](https://codeshack.io/references/html/): 438 pages on specific attributes (122), tags (118), events (113), ARIA (52) and global attributes (33). The page lists every entry.
- [HTML reference index](https://codeshack.io/references/html/llms.txt): Every HTML reference entry with a one-line summary, grouped by category, in llms.txt format.
- [JavaScript reference](https://codeshack.io/references/javascript/): 207 pages on methods (93), DOM (32), operators (29), global objects (29) and statements (24). The page lists every entry.
- [JavaScript reference index](https://codeshack.io/references/javascript/llms.txt): Every JavaScript reference entry with a one-line summary, grouped by category, in llms.txt format.

## Optional

- [Premium source code packages](https://codeshack.io/packages/): Paid, advanced versions of popular tutorial projects.
- [Advanced Commenting System (PHP)](https://codeshack.io/package/php/advanced-commenting-system/)
- [Advanced Contact Form (PHP)](https://codeshack.io/package/php/advanced-contact-form/)
- [Advanced CRUD Application (PHP)](https://codeshack.io/package/php/advanced-crud-application/)
- [Advanced Event Calendar System (PHP)](https://codeshack.io/package/php/advanced-event-calendar-system/)
- [Advanced File Management System (PHP)](https://codeshack.io/package/php/advanced-file-management-system/)
- [Advanced Gallery System (PHP)](https://codeshack.io/package/php/advanced-gallery-system/)
- [Advanced Invoice Management System (PHP)](https://codeshack.io/package/php/advanced-invoice-management-system/)
- [Advanced Live Support Chat System (PHP)](https://codeshack.io/package/php/advanced-live-support-chat-system/)
- [Advanced Newsletter & Mailing System (PHP)](https://codeshack.io/package/php/advanced-newsletter-mailing-system/)
- [Advanced Poll and Voting System (PHP)](https://codeshack.io/package/php/advanced-poll-voting-system/)
- [Advanced Review System (PHP)](https://codeshack.io/package/php/advanced-review-system/)
- [Advanced Secure Login & Registration System (PHP)](https://codeshack.io/package/php/advanced-secure-login-registration-system/)
- [Advanced Secure Login & Registration System (Python)](https://codeshack.io/package/python/advanced-secure-login-registration-system/)
- [Advanced Secure Login & Registration System (Node.js)](https://codeshack.io/package/nodejs/advanced-secure-login-registration-system/)
- [Advanced Shopping Cart System (PHP)](https://codeshack.io/package/php/advanced-shopping-cart-system/)
- [Advanced Ticketing System (PHP)](https://codeshack.io/package/php/advanced-ticketing-system/)
- [CodeShack Pro](https://codeshack.io/pro/): A paid membership that includes every premium package and the full versions of six editors.
- [About](https://codeshack.io/about/): Who runs the site.
- [Contact](https://codeshack.io/contact/): Support and general questions.
- [Privacy policy](https://codeshack.io/privacy-policy/)
- [Terms of service](https://codeshack.io/terms/)