EN
PortuguêsEnglishEspañol
Home Favorites
Developer tools 100% free

Developer

JSON, Base64, regex, hash, cores, CSS e outras ferramentas para programar.

Ready-made site blocks 54CSS and design 50SEO and publishing 22Format and convert 28Encoding, hashes and networks 25Test data 1

Ready-made site blocks 54

WhatsApp booking widget for websites (service, day and time)Add a booking widget to the website of your salon, barbershop, beauty clinic, studio or repair shop: the customer picks the service, the day and the time and sends the request, ready to go, to your WhatsApp. You set the services, the opening days and the time slots. No server, no monthly fee and no sign-up.Open →
Delivery area checker for websites (neighborhood and fee)Add a field to the website of your delivery business, pizzeria, grocery store or shop where customers type their neighborhood and instantly see whether you deliver there, the fee and the delivery time. You write the list of areas you serve and get ready-made HTML, CSS and JavaScript, with no server and no monthly fee, plus an order-on-WhatsApp button.Open →
Announcement bar for websites (top banner)Create the announcement bar that sits at the top of your website to promote a sale, free shipping, holiday hours or news: text, link, colors, a close button that remembers the choice and an option to show it only until a date.Open →
Progress steps bar for websites (HTML and CSS stepper)Generate a steps bar (stepper) for checkout, multi-part sign-up, order tracking or how it works sections: numbered steps, the current step highlighted, completed ones with a check mark, horizontal or vertical. Semantic HTML with aria-current, pure CSS and your brand colors.Open →
Free shipping progress bar for online storesGenerate the "you are $30 away from free shipping" progress bar for your online store cart: minimum amount, messages before and after reaching it, colors and a function to update it with the cart total. Plain HTML, CSS and JavaScript.Open →
Reading progress barGenerate the thin bar at the top of the page that shows how much of the article has been read: built with CSS scroll-driven animations and a fallback script for browsers without support. Choose the color, height and position.Open →
Dark mode toggle button for websitesGenerate the light and dark theme toggle for your website: it follows the system theme by default, remembers the visitor's choice, does not flash the wrong theme on load and uses CSS variables and color-scheme to switch every color at once.Open →
Back to top buttonGenerate a floating back-to-top button for your website: it appears after scrolling, with your choice of position, colors, size and shape, smooth scrolling that respects reduced motion and focus moved back to the start of the page.Open →
Floating WhatsApp button for websitesGenerate the code for a floating WhatsApp button for your website: number, pre-filled message, position, color, size and text bubble. Copy the HTML and paste it before </body>, no plugin.Open →
Social share buttons for websitesGenerate share buttons for your website or blog: WhatsApp, Facebook, X, LinkedIn, Telegram, Pinterest, email and copy link, plus the phone's native share menu. Official share links, no third-party scripts and no tracking.Open →
CSS alert and notice boxes (info, success, warning, error)Generate notice boxes for your website or blog: info, success, warning, error and tip, with icon, title, text and an optional close button. Choose the style and colors, see the preview and copy the accessible HTML and CSS, no library needed.Open →
Digital business card (page with a save contact button)Create your digital business card: a lightweight page with photo, name, job title, company and buttons for WhatsApp, call, email, Instagram, website and address, plus a Save contact button that downloads the vCard to the phone's contacts. Download the HTML to publish and create the QR code to print.Open →
Pull quote in HTML and CSS (blockquote)Generate a highlighted quote for your website or blog: a customer quote, an interview excerpt or a pull quote in the middle of the text, with big quotation marks, author and title, in five styles and your brand colors. Semantic HTML with blockquote and figcaption, light CSS, ready to paste.Open →
Countdown timer for websitesGenerate the code for a countdown to paste into your website, landing page or online store: days, hours, minutes and seconds until a sale, launch or event, with the right time zone, colors and a message when it ends.Open →
Discount coupon box for websites (one-click copy)Generate the coupon box for your website or online store: highlighted code, a button that copies it in one click and confirms "Copied!", discount text, an expiry date that hides the coupon on its own and a cut-out ticket style. Plain HTML, CSS and JavaScript.Open →
Testimonials section for websites (HTML and CSS)Build the customer testimonials section of your website: name, city or role, photo or initials, stars and the text, in a grid or a scrolling carousel, in your brand colors. Plain HTML and CSS, no libraries.Open →
CSS star rating (fractional ratings)Generate rating stars for your website that show partial ratings, like 4.3 or 3.7, filling the exact fraction of the star, in pure CSS with one variable. Size, colors, number of stars, the number beside them and a clickable version for customers to vote.Open →
Call to action (CTA) banner for websitesGenerate the call to action banner that closes your website's pages: headline, short text, primary and secondary buttons (like WhatsApp and phone), with a color, gradient or darkened photo background, centered or with the buttons on the side. Responsive HTML and CSS.Open →
Infinite logo strip (CSS marquee)Generate the endlessly scrolling strip with logos of clients, partners, brands you work with or short phrases, in pure CSS: speed, direction, spacing, pause on hover, fading edges and a stop for people who asked for less motion.Open →
Contact form for websites (no server)Generate the contact form for your static website that sends messages to your email without coding a server: FormSubmit, Formspree or Netlify Forms, with the fields you choose, anti-spam, a thank-you page, validation and accessible styling.Open →
Website form that sends to WhatsAppGenerate a contact or order form for your website that sends the answers straight to your WhatsApp, with no server and no coding: choose the fields, the number and the button text and copy the code.Open →
Photo gallery for websites (with lightbox)Build the code for a responsive photo gallery for your website, with tap-to-enlarge (lightbox) using the HTML dialog element: arrows, keyboard, captions and lazy loading, no library. Paste the photo URLs and copy.Open →
CSS masonry gallery (Pinterest style)Generate a gallery of blocks with different heights, like Pinterest, in pure CSS: columns that fit together without gaps, with columns per screen size, spacing, corners and captions. It uses CSS columns in every browser and the new display: grid-lanes where it already exists.Open →
Accessible tabs generatorGenerate the code for a tabs component for your website following the WAI-ARIA accessibility pattern: tablist, tab and tabpanel roles, arrow keys, Home and End, colors and underlined or pill style. HTML, CSS and JavaScript with no library.Open →
Breadcrumb generator with schemaGenerate the breadcrumb trail for your site's pages: accessible HTML with nav and aria-current, a choice of separator and colors, and the BreadcrumbList JSON-LD that Google uses to show the path in search results.Open →
CSS card generator (services section)Generate a section of cards for your website, such as services, benefits or products: a title, text and icon or image in each card, a responsive grid that adjusts itself, shadow, corners and a hover effect. Ready HTML and CSS.Open →
CSS scroll-snap carousel (slider) generatorGenerate a photo or card carousel for your website with CSS scroll-snap: swipe on phones, arrows on desktop, how many items show at a time and spacing, with no library and no scroll jank.Open →
FAQ generator for websites (accordion + schema)Build your website's frequently asked questions section: a pure HTML accordion with details and summary, ready-made styling and FAQPage JSON-LD for Google, all in one block of code to copy.Open →
Timeline / step-by-step generator (CSS)Create a timeline or a step-by-step ("how it works") section for your website: numbered or dated steps, vertical or horizontal, colors and markers, in semantic HTML with an ordered list and responsive CSS.Open →
Modal (pop-up window) generator with dialogGenerate the code for a modal window for your site using the native HTML dialog element: title, text, buttons, close with Esc or by clicking outside, focus trapped inside the window and a smooth entrance animation. No library.Open →
404 page generatorCreate a 404 error page (page not found) for your site in your brand colors: a friendly message, a button to the home page, an optional search field and useful links. Download a ready 404.html, light and with no dependencies.Open →
HTML and CSS pagination generatorCreate pagination for your blog, store or results list: previous and next, numbers with ellipses, the current page highlighted, in three styles and your brand colors. HTML with nav, aria-label and aria-current, real links Google follows and 44 px touch targets.Open →
Website footer generatorBuild your website footer in HTML and CSS: name and description, link columns, contact with WhatsApp, phone, email and address, social media, company ID and a copyright year that updates itself. Responsive and ready to paste.Open →
Hero section generator (top of the page)Build the opening (hero) section of your home page or landing page: title, subtitle, primary and secondary button, background or side image, with an overlay so the text stays readable. Responsive HTML and CSS, with the image optimized for loading.Open →
Skeleton loading generator (CSS)Generate the skeleton screen that appears while content loads: card, list, profile and text templates, colors, corners and an animated shimmer, in pure CSS with aria-busy and reduced-motion support.Open →
Table of contents generator for blog postsPaste your post's HTML and get a table of contents linking to each section: the tool reads the h2 and h3 headings, creates missing ids from the text and returns the ready table of contents and the post with the ids added. Optional numbering, a collapsible block and smooth scrolling.Open →
Business hours for your websiteGenerate your business hours table for your website, with an "open now" or "closed" notice calculated in your business's time zone, today highlighted and OpeningHoursSpecification structured data for Google.Open →
Responsive iframe (YouTube, Google Maps and more)Paste the embed code (iframe) from YouTube, Google Maps, Vimeo, Instagram, Spotify, Canva or any site, or just the address, and get an iframe that fits phones, with aspect-ratio, lazy loading, a title for accessibility and fullscreen.Open →
Feature list with check icons in HTML and CSSTurn a plain list into a feature list with a check, arrow, star or heart icon, in one or two columns and in your brand colors. The icon comes from CSS, with no image and no library, and the list stays a real ul for Google and screen readers.Open →
Google Maps embed generatorGenerate the code to put a Google Maps map on your website from an address, with no API key: choose the zoom, map type and size, preview it and copy the responsive iframe and the directions link.Open →
Responsive menu generatorGenerate the code for a responsive navigation menu for your site: links side by side on desktop and a hamburger button on mobile, accessible (aria-expanded, Esc key, focus) and with no library. Copy the HTML, CSS and JavaScript.Open →
Animated number counter for websitesGenerate a stats section where numbers count up from zero when they scroll into view, like "500+ happy customers" and "15 years of experience": prefix, suffix, local number format, duration and colors, with IntersectionObserver and reduced-motion support.Open →
Link in bio page generatorCreate your link in bio page for Instagram and TikTok, like your own Linktree: photo, name, description, buttons for WhatsApp, website, menu and social media, with colors and a theme. Download a single HTML file to host anywhere.Open →
Thank you page generator (after a form or purchase)Create the thank you page customers see after they submit a form, request a quote or buy: a clear confirmation, response time, next steps and an invitation to Instagram or WhatsApp. Lightweight HTML with noindex, in your brand colors, ready to publish.Open →
Coming soon and maintenance page generatorCreate a coming soon or maintenance page for your site in your brand colors: title, message, optional countdown, and WhatsApp, Instagram and email buttons. Download a lightweight index.html with no dependencies and the right settings for Google in each case.Open →
Website popup generator (notice, coupon or newsletter)Generate a popup for your site that doesn't annoy visitors or hurt SEO: it appears after a few seconds, on scroll or on exit intent, waits a number of days before showing again, becomes a bottom bar on mobile and closes with Esc or a click outside. Plain HTML, CSS and JavaScript with dialog.Open →
"How it works" steps section (HTML and CSS)Build the steps section of your website (how it works, how to hire us, how to order): numbered steps with a title and text, horizontal with a line linking the numbers or vertical, in your brand colors, with an accessible, responsive ordered list.Open →
Team section for websites (HTML and CSS)Build the "our team" section of your website: a photo (or initials), name, role, a short line and Instagram, LinkedIn or WhatsApp links for each person, as cards or circles, responsive and in your brand colors.Open →
Google reviews badge for your websiteCreate a badge with your business's Google rating and number of reviews to put on your website: stars, rating, total reviews and a link to your reviews page. Lightweight HTML and CSS, no third-party scripts and no monthly fee.Open →
Badges for online stores (shipping, returns, warranty)Create the benefits badge bar for your online store or website: free shipping, free returns, warranty, installments, secure checkout, fast shipping, handmade and anything else you want. SVG icons, brand colors, lightweight HTML and CSS to paste into your site, or download the badges as PNG.Open →
Before and after slider for websitesGenerate a before and after comparison slider for your website: two stacked photos with a divider you drag with a finger or mouse, labels, starting position and colors. Built with a range input, so it works with the keyboard and screen readers.Open →
Comparison table for websitesBuild a comparison table for your website (plans, products, services or competitors): columns, rows with yes/no or text, a highlighted column, a sticky first column and side scrolling on phones, as an accessible HTML table.Open →
Size chart for clothing stores (HTML for your website)Build the size chart (size guide) for your clothing store's product page: sizes in columns or rows, measurements, an explanation of how to measure and a button that opens the chart in a dialog. Accessible, responsive HTML with no dependencies.Open →
Pricing table for websites (plans in HTML and CSS)Build the plans and pricing section of your website: two to four plans with name, price, billing period, what is and is not included, a button and a featured plan, with a monthly/yearly toggle. Responsive HTML and CSS in your brand colors.Open →

CSS and design 50

Scroll reveal animation (pure CSS)Generate the effect of elements appearing as the page scrolls (scroll reveal) in pure CSS, with animation-timeline: view(): fade in, slide up, slide in from the sides, grow or unblur, with adjustable distance and scroll range, and without hiding anything in browsers that do not support it yet.Open →
CSS clamp() calculator for fluid typographyCalculate the CSS clamp() for text and spacing that grows with the screen width: enter the size on mobile and on desktop and the screen widths, and copy the value in rem, with a preview and a zoom accessibility warning.Open →
Google Fonts pairingsTry Google Fonts pairings for your website's headings and body text: pick a ready-made pair or build your own, see the preview with your text and copy the loading link and the CSS.Open →
Color contrast checker (WCAG)Check whether your text color has enough contrast with the background under the WCAG AA and AAA accessibility rules, with a live preview.Open →
Color converterConvert colors between HEX, RGB, HSL and CMYK and see lighter and darker shades.Open →
HEX color to Tailwind classFind out which color in the default Tailwind CSS (v3) palette is closest to your HEX or RGB color, with the perceptual distance and the five nearest options, or use the exact value with bracket syntax.Open →
Modern CSS reset generatorBuild the CSS reset for your project by ticking what you want: box-sizing border-box, zeroed margins, responsive images, inherited fonts in forms, long word breaking, safe smooth scrolling and reduced motion. Every rule comes with an explanation.Open →
Typewriter effect for websites (typing text)Generate the typing text effect for your website headline, with several phrases that type and delete in sequence ("We build websites for bakeries, salons, auto shops..."), a blinking cursor, speeds, pause and looping. Plain, accessible HTML, CSS and JavaScript.Open →
Type scale and fluid font size (clamp)Generate your website's font size scale from a base size and a ratio (major third, perfect fourth, golden ratio), with a fluid clamp() version that grows from phone to desktop. See the preview and copy the CSS variables.Open →
Letter favicon generatorCreate a favicon with your brand's initials, without needing a logo: choose the letters, font, colors and shape (circle, rounded square or square) and download favicon.ico, the PNGs and the code for your site.Open →
CSS corner ribbon and badgeGenerate the diagonal ribbon in the corner of cards and photos ("New", "Best seller", "Sale") and round or tag badges, in pure CSS: text, colors, corner, size and style, with a preview on a card.Open →
CSS entrance animation generatorCreate entrance animations for your site's elements (fade, slide up, grow, slide in, blur) with adjustable easing, duration and delay, a stagger effect and trigger on scroll, with the CSS and JavaScript ready.Open →
SVG blob generator (organic shapes)Generate organic shapes (blobs) as SVG for backgrounds, photo frames and website decorations: adjust complexity and randomness, choose a solid color or gradient and download the SVG.Open →
CSS gradient border generatorGenerate gradient borders in CSS for cards, buttons and photos: colors, angle, thickness and rounded corners that work (which border-image does not do), with an animated spinning border option and a transparent background.Open →
CSS border-radius generatorCreate rounded corners in CSS with a live preview: adjust each corner, link all four or create organic shapes (blobs) with the 8 border-radius values.Open →
CSS button generatorCreate CSS buttons for your site visually: color, text, size, corners, border, shadow and hover and click effects, with ready-made styles (solid, outline, gradient, pill) and the CSS and HTML code to copy.Open →
CSS clip-path generatorCrop images and elements into shapes with CSS clip-path: triangle, rhombus, hexagon, star, arrow, message bubble, circle and cut corners. Drag the points in the preview to adjust and copy the code.Open →
CSS Grid generatorBuild CSS Grid layouts visually: number of columns and rows, sizes (fr, px, auto), gap and responsive columns with auto-fit and minmax. See the preview and copy the CSS and HTML.Open →
Cubic-bezier generator (CSS easing)Draw cubic-bezier animation curves by dragging the control points, compare them with ease, ease-in-out and other ready-made curves and copy the transition CSS.Open →
Custom cursor generator (CSS)Create a custom mouse cursor for your website from an image, a symbol or a colored circle: size, click point (hotspot), cursor for links and the CSS with a fallback cursor. The image becomes a data URI ready to paste.Open →
Favicon generatorCreate favicon.ico and icons for websites, iPhone and Android from an image.Open →
CSS filter generator for imagesAdjust an image's brightness, contrast, saturation, grayscale, sepia, hue, blur, invert and shadow and copy the ready CSS filter property, with presets (black and white, vintage, cool, warm, faded) and an option to apply it only on hover.Open →
CSS flexbox generatorBuild CSS flexbox layouts by clicking options: direction, alignment, justification, wrapping and gap between items, with a live preview and CSS ready to copy. Great for learning what each property does.Open →
@font-face generatorGenerate the CSS @font-face to use your own fonts on your site: choose the files (WOFF2, WOFF, TTF, OTF), the tool reads the name, weight and style of each one, builds the rules with font-display swap and the preload tag, and shows a preview with the real font.Open →
Glassmorphism generator (frosted glass)Create the CSS frosted glass effect (glassmorphism): background blur, transparency, color, border and shadow, with a preview over a photo or gradient and ready code with backdrop-filter.Open →
CSS gradient generatorCreate linear and radial gradients with several colors and copy the ready CSS.Open →
Placeholder image generatorCreate sample (placeholder) images in any size, with a background color, text and PNG, JPG, WEBP or SVG format, for layouts and prototypes.Open →
Responsive image generator (srcset and sizes)Upload a photo and get versions at the right widths (WebP, AVIF or JPG) in a .zip file, plus the <img> code with srcset and sizes or <picture>, width and height so the layout doesn't shift, and the right loading/fetchpriority for each case.Open →
CSS loader generator (loading spinner)Pick a pure CSS loading indicator (ring, dots, bars, pulse, progress bar), adjust the color, size and speed and copy the HTML and CSS, with no image and no library.Open →
Image map generator (clickable areas)Draw clickable areas over an image (rectangle, circle or polygon) and link each one: a floor plan, a store directory, a product photo, a menu. Generates the classic HTML with map and area and a responsive version with percentage-based links that adapts to phones.Open →
CSS media query generator (breakpoints)Generate the media query skeleton for your CSS with Bootstrap 5 or Tailwind breakpoints or your own: mobile-first (min-width) or desktop-first (max-width), in px or em, plus dark mode, reduced motion, mouse or touch, orientation and print. See live which ones apply to your screen.Open →
Mesh gradient generatorCreate mesh gradient backgrounds (gradients with several color blobs, aurora style) for websites and posts: pick the colors, shuffle the positions with one tap and copy the CSS or download the image as PNG.Open →
Neumorphism (soft UI) CSS generatorGenerate the neumorphic (soft UI) effect in CSS: elements that seem to pop out of or sink into the background with two shadows, one light and one dark. Choose the color, size, distance, blur, intensity and shape (flat, concave, convex or pressed).Open →
SVG wave generatorCreate wave-shaped section dividers for your website: adjust the height, number of waves, layers and colors, flip it and download the SVG or copy the code to use between page sections.Open →
CSS scrollbar generatorCustomize your site's scrollbar in your brand colors: width, track and thumb color, rounded corners and hover color, with standard CSS (scrollbar-color) and ::-webkit-scrollbar for older browsers.Open →
CSS box-shadow generatorCreate CSS shadows (box-shadow) with a live preview: offset, blur, spread, color, opacity, multiple layers and ready-made presets.Open →
CSS sprite generator (combine icons into one image)Combine several icons and small images into a single file (sprite sheet) in PNG or WebP and get the CSS with background-position and the size of each one, with spacing, in a row, column or grid, plus a retina version.Open →
Light and dark theme generator (CSS variables)From your brand color, generate the CSS variables of a complete light and dark theme: background, surface, text, secondary text, border, primary color and the text on it, with contrast checked against WCAG and automatic dark mode via prefers-color-scheme or a button (data-theme).Open →
CSS text-shadow generatorCreate CSS text shadows with a live preview and ready-made presets: neon, retro, 3D, outline, fire and emboss, with multiple layers and colors.Open →
Gradient text generator (CSS)Create headings with gradient text for your website using background-clip: text: choose the colors, angle and font and copy the CSS, with a fallback color for older browsers and high-contrast users.Open →
Grainy noise texture generator for backgroundsGenerate the grain (noise) texture that gives backgrounds and gradients a paper or film look: intensity, grain size, color and opacity, with a preview over your color or gradient. Download as PNG to tile in the background or copy it as SVG in CSS.Open →
CSS toggle switch generator (on/off button)Generate an on/off button (toggle switch) for your site in pure HTML and CSS, accessible with role=switch: size, colors, corners and label, with a preview that works with mouse, touch and keyboard.Open →
CSS tooltip generatorGenerate the hint that appears when you hover over or focus an element (tooltip) in pure CSS: top, bottom, left or right position, arrow, colors, corners and delay, accessible with aria-describedby and visible on keyboard focus.Open →
CSS transform generator (rotate, move, scale, skew and 3D)Build the CSS transform property with controls: move (translate), rotate, scale, skew and rotate in 3D with perspective, with the origin point (transform-origin) and a hover transition to test. Copy the ready CSS.Open →
SVG optimizerShrink SVG files exported from Illustrator, Figma, Inkscape or Canva: it removes comments, metadata, editor data and whitespace and rounds decimals, with a side-by-side preview to check.Open →
CSS background patternsCreate patterned backgrounds in pure CSS, with no image: polka dots, grid, lines, diagonal stripes, checkerboard and zigzag. Adjust the colors, size and thickness and copy the code.Open →
PX to REM converterConvert px to rem, em, pt and percent and back, with an adjustable base size and a CSS reference table.Open →
Animated link underline generator (CSS)Generate animated underline effects for links and menus in CSS: a line that grows from the left, from the center, that slides, a highlighter that fills and a wavy underline, with color, thickness and duration, also working on keyboard focus.Open →
SVG to data URI (CSS and HTML)Convert SVG code into an optimized data URI for use in CSS (background-image, mask) and HTML, with URL encoding that is shorter than Base64 and an image preview.Open →
Online website wireframe toolDraw the wireframe (layout sketch) of a website or landing page by dragging ready-made blocks: header, banner, heading, text, image, button, cards, form, video and footer, at desktop or mobile size. Move, resize and download as PNG or SVG.Open →

SEO and publishing 22

Page SEO checker (HTML)Paste the HTML of a page and see what is missing for SEO: title, meta description, H1, heading structure, images without alt, canonical, Open Graph, language, viewport, links and structured data.Open →
Website launch checklist (before you publish)A list of everything to check before putting a website live: SEO, Google Search Console, mobile, speed, accessibility, privacy, forms, contact buttons, favicon, link preview, 404 page, HTTPS and redirects. Tick what you have done, see your progress and download the list. Each item links to a tool that solves it.Open →
ads.txt generator and validatorBuild your site's ads.txt file for Google AdSense and other ad networks: ad system domain, account ID, DIRECT or RESELLER and certification authority ID, with contact and subdomains. Paste an existing ads.txt to check for errors line by line.Open →
Security headers generatorGenerate your site's HTTP security headers (HSTS, Content-Security-Policy, X-Content-Type-Options, Referrer-Policy, Permissions-Policy and iframe protection) for Nginx, Apache, Netlify, Cloudflare Pages and Vercel.Open →
Hreflang tag generatorGenerate hreflang tags for sites in more than one language or country (en-US, en-GB, es, pt-BR…): link alternate in the head, in the XML sitemap or in the HTTP header, with x-default and validation of language and region codes.Open →
.htaccess generatorGenerate the .htaccess file for Apache websites (shared hosting such as Hostinger, Bluehost, GoDaddy): force HTTPS, with or without www, compression, caching of images, CSS and JS, a 404 error page, blocking directory listing and protecting files.Open →
Email link generator (mailto)Create a mailto link that opens an email already filled in with recipient, cc, bcc, subject and message, with special characters and line breaks encoded correctly. Copy the link, the HTML button or create the QR code.Open →
UTM link builderBuild links with UTM parameters (utm_source, utm_medium, utm_campaign, utm_term, utm_content) to see in Google Analytics where your visits come from: Instagram, WhatsApp, email, ads and QR codes.Open →
llms.txt generatorCreate your site's llms.txt file: name, summary and the most important pages organized in sections, in the format proposed at llmstxt.org to help AI tools understand the site's content.Open →
Meta tag generator (SEO)Generate your site's SEO, Open Graph and Twitter meta tags and preview them on Google and in link previews.Open →
301 redirect generatorGenerate your site's 301 or 302 redirect rules for Apache (.htaccess), Nginx, Netlify (_redirects), Vercel (vercel.json), Cloudflare and HTML, from a list of old and new addresses.Open →
Preload, preconnect and dns-prefetch generatorGenerate the resource hint tags that speed up your site's loading: preconnect and dns-prefetch for third-party domains (Google Fonts, analytics, CDN), preload of the font and main image with the right fetchpriority and crossorigin, and prefetch of the next page.Open →
robots.txt generatorCreate your site's robots.txt file: allow or block search and AI bots and private folders, and point to your sitemap.Open →
Schema markup generator (JSON-LD)Generate schema.org JSON-LD structured data for FAQ, local business, article and breadcrumb, ready to paste into your site and improve how it looks on Google.Open →
security.txt generator (RFC 9116)Generate your site's security.txt file in the RFC 9116 format: contacts for reporting security flaws (email, page or phone), expiry date, languages, policy, acknowledgments, key and the canonical address, ready to save at /.well-known/security.txt.Open →
sitemap.xml generatorCreate your site's sitemap.xml from a list of pages: paste the addresses, set the last-modified date and download the file ready to submit to Google Search Console and Bing.Open →
manifest.json generator (PWA)Generate the web app manifest file (site.webmanifest or manifest.json) so your site can be installed on the phone's home screen: name, short name, colors, display mode, 192 and 512 px icons and the link tag for the HTML.Open →
Google review link (with QR code)Create the link that opens your business's Google review window directly, from the Place ID, and generate a QR code for the counter, menu or receipt, plus a ready message to ask for reviews on WhatsApp or text.Open →
HTML sitemap generator (page for visitors)Turn your site's list of URLs, or the sitemap.xml itself, into a sitemap page for visitors: links grouped by section, with readable names taken from the URL, in lightweight HTML ready to publish.Open →
Google search result previewSee how your page title and description appear in Google results, on desktop and mobile, with the width in pixels and a warning when the text will be cut off.Open →
Website load time by connectionEstimate how long your page takes to load on 3G, 4G and Wi-Fi from its weight (HTML, CSS, JavaScript, images and fonts) and number of files, and see how much each part weighs and how much you save by converting the images to WebP.Open →
Test a website on multiple screen sizesSee how your website looks on phones, tablets and computers at the same time: type the address and check the page at widths such as 360, 390, 768 and 1280 px, side by side, with scrolling in each screen.Open →

Format and convert 28

Compare JSON (diff)Compare two JSON documents and see exactly what was added, removed or changed, field by field, ignoring key order.Open →
camelCase, snake_case and kebab-case converterConvert names and text to camelCase, PascalCase, snake_case, kebab-case, CONSTANT_CASE and other formats used in programming.Open →
Punycode converter (international domain names)Convert domain names with accents, special letters and emojis to Punycode (xn--) and back, such as café.com to xn--caf-dma.com, one domain per line.Open →
CSV to JSONConvert CSV to JSON and JSON to CSV, with separator detection (comma, semicolon or tab).Open →
CSV to SQL (INSERT and CREATE TABLE)Convert CSV or data copied from Excel into SQL INSERT statements, with CREATE TABLE and automatically detected types, for MySQL, PostgreSQL, SQLite and SQL Server.Open →
Escape and unescape text (JSON, JS, SQL, regex)Escape quotes, backslashes and line breaks for JSON, JavaScript, SQL, regex, CSV and Unicode, or go the other way.Open →
CSS formatter (indent and beautify)Format minified or messy CSS online: one property per line, 2 or 4 space or tab indentation, a blank line between rules and separate selectors, so you can read and edit any site's styles.Open →
HTML formatter (indent and beautify)Format and indent messy or minified HTML online: each tag at its level, with the page's inline CSS and JavaScript formatted too, a choice of 2 or 4 spaces or tab and wrapping of long lines.Open →
JavaScript formatter (indent and beautify)Format minified or messy JavaScript online: 2 or 4 space or tab indentation, braces on the same line or the next, and wrapping of long lines, to read and debug any site's scripts.Open →
JSON formatterFormat, validate and minify JSON.Open →
SQL formatterFormat SQL queries online: line breaks at clauses, indentation, uppercase keywords and a minify option.Open →
XML formatterFormat, validate and minify XML online: automatic indentation, syntax error warnings and XML to JSON conversion.Open →
Lorem Ipsum generatorPlaceholder text for layouts and mockups: paragraphs, sentences, words, lists or headings, in Latin or in English, as plain text or HTML.Open →
HTML table generatorPaste data from Excel, Google Sheets or CSV and generate an HTML table ready for your website, with a header, stripes, borders, scrolling on phones and CSS styling, or just clean HTML.Open →
Markdown table generatorBuild Markdown tables visually or paste from Excel and Google Sheets, with column alignment, for README files, GitHub and Notion.Open →
HTML entity encoderConvert special characters and accented letters into HTML entities (&amp;lt; &amp;eacute;) and back.Open →
Convert HTML to JSXConvert HTML to React JSX: class becomes className, for becomes htmlFor, style becomes an object, attributes in camelCase, void tags closed and comments in {/* */}. Option to generate a ready component.Open →
HTML to MarkdownConvert HTML to Markdown: headings, bold, links, images, lists, quotes and code blocks, with heading and list style of your choice.Open →
HTML to textStrip all tags from HTML code and keep only the text, preserving paragraphs, lists and, if you like, link addresses.Open →
Unicode character inspectorSee the Unicode code point (U+), UTF-8 bytes, HTML entity and JavaScript escape of each character or emoji in a text, and find invisible characters.Open →
JSON to CSVConvert a list of JSON objects to CSV to open in Excel or Google Sheets, with nested objects flattened, a choice of separator and file download.Open →
JSON to TypeScriptGenerate TypeScript interfaces or types from JSON, with nested objects, arrays, optional fields and PascalCase names.Open →
JSON to XML (and XML to JSON)Convert JSON to XML and XML to JSON, with attributes, lists and indentation, validating the syntax right in your browser.Open →
Markdown to HTMLWrite in Markdown and see a live preview, then copy the HTML or download the file.Open →
CSS minifier and beautifierMinify CSS to make your site lighter, or format minified CSS to read and edit it, with the byte savings.Open →
HTML minifierMinify HTML by removing unnecessary comments, spaces and line breaks, keeping <pre>, <textarea>, scripts and styles intact, with the byte savings.Open →
JavaScript minifierMinify and compress JavaScript code with Terser: it removes spaces and comments and shortens variable names, showing the byte savings.Open →
Full ASCII tableASCII table from 0 to 127 with decimal, hexadecimal, octal, binary, character and HTML entity, with search and click to copy.Open →

Encoding, hashes and networks 25

URL parser and query parametersSplit a URL into protocol, domain, path and parameters, see each parameter decoded (UTM, fbclid, gclid) and get the clean URL.Open →
Base64 encoder and decoderEncode and decode text to and from Base64.Open →
Chmod calculatorBuild Linux file permissions by checking boxes and see the number (755, 644) and the rwxr-xr-x format.Open →
RAID calculatorCalculate usable space, redundancy and how many drives can fail in RAID 0, 1, 5, 6 and 10, from the number and size of the drives (HDD or SSD) in your NAS or server.Open →
IP subnet calculator (CIDR)Calculate the mask, network address, broadcast, usable IP range and number of hosts of an IPv4 network in CIDR notation, like 192.168.1.0/24.Open →
Base32 encode and decodeConvert text to Base32 (RFC 4648) and back, with or without = padding, with support for accents in UTF-8. Handy for 2FA keys, file names and identifiers.Open →
URL encodeEncode and decode URLs (percent-encoding).Open →
Number base converterConvert between decimal, binary, octal and hexadecimal.Open →
Byte converter (KB, MB, GB, TB)Convert between bytes, KB, MB, GB and TB, in decimal (1000) and binary (1024), and calculate download time.Open →
IP converter (IPv4 and IPv6)Convert IPv4 addresses to decimal, hexadecimal and binary and back, expand and compress IPv6, generate the mapped IPv6 and see whether the IP is private, public or reserved.Open →
Timestamp converterConvert a Unix timestamp to a date and back.Open →
JWT decoderDecode JWT tokens and see the header, the payload and the issued-at and expiry dates in readable form.Open →
Cron expression explainer in plain EnglishPaste a cron expression and see what it means in plain English, field by field, with the next dates the job will run.Open →
RSA and ECDSA key generatorGenerate RSA (2048, 3072 or 4096 bits) and ECDSA (P-256, P-384) key pairs right in your browser, in PEM format, for testing, JWT, signatures and encryption.Open →
Cron expression generatorBuild a cron expression without memorizing the syntax: choose the frequency, minutes, hours and days of the week and see the next runs.Open →
.gitignore generatorBuild your project's .gitignore file by choosing languages, frameworks, operating systems and editors: Node, Python, Java, Flutter, macOS, VS Code and more.Open →
Hash generatorCalculate the SHA-1, SHA-256 and SHA-512 of a text.Open →
HMAC generator (SHA-256, SHA-512)Calculate the HMAC signature of a message with a secret key using SHA-1, SHA-256, SHA-384 or SHA-512, with hex or Base64 output, and validate webhooks.Open →
JWT generator (sign HS256 tokens)Create and sign JWT tokens with HS256, HS384 or HS512 from a JSON payload and a secret key, with shortcuts for iat, exp and sub, and verify the signature of an existing token.Open →
TOTP code generator (2FA)Generate and check two-factor authentication codes (TOTP, RFC 6238) from a Base32 secret key, create new keys and the otpauth:// link to test logins with 2FA.Open →
UUID generatorGenerate random v4 UUIDs in bulk.Open →
File hash (MD5, SHA-1, SHA-256)Calculate the MD5, SHA-1, SHA-256 and SHA-512 checksum of any file and check whether it matches the hash given on the download site.Open →
Image to Base64Convert images into Base64 text or a Data URI for HTML and CSS.Open →
Truth table generatorBuild the truth table of any logical expression with AND, OR, NOT, implication and biconditional, and see whether it is a tautology or a contradiction.Open →
Regex testerTest regular expressions live and see the highlighted matches, the capture groups and the result of the replacement.Open →

Test data 1

Test credit card generatorGenerate valid credit card numbers for software testing (Visa, Mastercard, Elo, Amex) and validate them with the Luhn algorithm.Open →

No tools found. Try another word.

Thank you so much for helping!

Every donation helps keep the site online. The tools were made to help you, but we have server costs. If you can chip in, it helps a lot! Pick or type an amount:

Secure payment by Stripe. Opens in a new tab.

The tools are provided as is, without warranty. We are not responsible for the results or for how they are used.