Posts

Showing posts with the label Developer Tools

CSV to HTML Table Converter

Paste CSV, get an HTML table Or upload a CSV file First row is the header Copy HTML code Your table preview will appear here. Generated HTML code Your CSV is parsed locally in your browser - nothing is uploaded. Quoted fields that contain commas or quotes are handled correctly. Need a data table on a web page but only have a spreadsheet export? This free CSV to HTML Table Converter turns pasted or uploaded CSV into a clean, ready-to-paste HTML table. You see a live preview of the table as it will look, and the generated code appears in the box below with a copy button. The first row can be treated as a header (rendered with proper thead and th cells for accessibility and SEO), and the parser is a real CSV parser - quoted fields containing commas, double quotes written as "" and line breaks inside quotes are all handled correctly. The output is deliberately plain, semantic HTML with no inline styles, no classes and no JavaScript, so it drops into any webs...

JSON to TypeScript Converter

Paste JSON, get TypeScript interfaces Root interface name Convert to TypeScript Copy output The JSON is parsed locally in your browser - nothing is uploaded. Types are inferred from this one sample, so check fields that are sometimes missing or null in your real data. Paste any JSON - an API response, a config file, a sample payload - and this free JSON to TypeScript Converter writes the TypeScript interfaces for you. Nested objects become their own named interfaces instead of anonymous inline shapes, arrays are typed from their contents (an array of objects becomes an array of a named interface), and primitives map to string, number and boolean. A JSON null becomes the null type, so a field that is null in your sample shows up as a union such as string | null when other samples merge in - check those fields first, because a single sample can only show one shape. The naming follows the conventions TypeScript developers expect: interface names are PascalCase versions of ...

JWT Decoder

Decode a JSON Web Token Decode token Header - Payload - Signature - Decoding is not verification: this tool reads the token's contents but does NOT check the signature, so it cannot tell you whether a token is genuine or was issued by your server. Paste a JSON Web Token into this free JWT Decoder and read what is inside it: the header and payload are base64url-decoded and shown as tidy, pretty-printed JSON, and the time claims are translated into human dates. If the token has an exp (expiry) claim, the tool converts it to a readable date and tells you plainly whether the token is expired or still within its expiry time; iat (issued at) is converted too. It is the quickest way to answer everyday debugging questions - why did this token stop working, which user and roles does it carry, when exactly does it expire - without printing secrets into a server log. The important limit, stated up front: decoding is not verification. A JWT's payload is only encoded, no...

Unix Timestamp Converter

Current Unix timestamp (live) SECONDS SINCE 1 JAN 1970 (UTC) - Milliseconds: - Current UTC time: - Timestamp to date Unix timestamp Input is in Auto-detect Seconds Milliseconds Convert to date Date to timestamp Date and time Convert to timestamp This free Unix Timestamp Converter works in both directions and keeps a live epoch clock running at the top of the page. Paste any Unix timestamp - in seconds or milliseconds - and it converts it instantly into a human-readable date, shown in UTC, in your own local time and in ISO 8601 format, along with how long ago (or how far ahead) that moment is. Or pick any date and time and it gives you the exact timestamp to use in your code, database or API call. The live counter at the top shows the current Unix time in seconds and milliseconds, updating every second, straight from your own clock. A Unix timestamp is simply a count of seconds since midnight at the start of 1 January 1970, UTC - a moment programmers ca...

Subnet Calculator

Subnet Calculator Enter an IPv4 address and choose a prefix length (CIDR) to calculate the full subnet details. IPv4 address Prefix length / CIDR /8 /9 /10 /11 /12 /13 /14 /15 /16 /17 /18 /19 /20 /21 /22 /23 /24 /25 /26 /27 /28 /29 /30 /31 /32 Calculate The Subnet Calculator works out everything about an IPv4 subnet from just an address and a prefix length: the network address, broadcast address, netmask, wildcard mask, first and last usable hosts, and exactly how many addresses and hosts the subnet contains. Network planning, firewall rules, and troubleshooting all start with these numbers, and doing the binary arithmetic by hand is slow and famously error-prone. Choose any prefix from /8 to /32, covering everything from large private ranges down to a single-host route. The calculator handles the special cases honestly too: /31 point-to-point links and /32 host routes have no spare network and broadcast addresses, so the usable host count reflects real practice instead ...

UUID Generator

UUID Generator Generate random version-4 UUIDs in bulk, and validate any UUID in the checker below. How many (1–100) UPPERCASE Include hyphens Generate UUIDs Copy All Generated UUIDs UUID Validator — paste a UUID Validate UUID Validation result will appear here. The UUID Generator creates universally unique identifiers, the 128-bit codes that databases, APIs, and distributed systems use as IDs that never collide in practice. Generate one, five, or up to a hundred version-4 UUIDs at a time, in your choice of uppercase or lowercase, with or without hyphens, then copy them all in one click for seeding databases, test fixtures, or request tracing. Randomness comes from your browser's cryptographic generator, through crypto.randomUUID where available and a standards-faithful getRandomValues fallback elsewhere. Version-4 UUIDs are built from random bits with the version and variant fields set correctly, which is why the third group always begins with 4 and the fourt...

SHA Hash Generator

SHA Hash Generator Generate SHA-1, SHA-256, SHA-384, or SHA-512 hashes of text or a file using your browser's built-in cryptography. Algorithm SHA-256 SHA-1 SHA-384 SHA-512 Text input Or choose a file Generate Hash Copy Hash Clear Your hash will appear here. The SHA Hash Generator computes secure hash fingerprints of text or files using the Web Crypto API built into your browser. SHA hashes verify downloads, sign data, build integrity checks, and power countless protocols: change one byte of input and the fingerprint changes completely, while identical input always produces the identical hash. Four algorithms are on offer. SHA-256 is the everyday standard and the right default for checksums and verification. SHA-384 and SHA-512 serve systems that ask for longer hashes, and SHA-1 is included only for compatibility with older checksums, because it is no longer considered collision-safe for security purposes and the tool says so openly. Text is encoded as UTF-8 befor...

MD5 Hash Generator

MD5 Hash Generator Generate an MD5 hash of text or a file. MD5 is useful for checksums and fingerprints — never for passwords (see the note below). Text input Or choose a file UPPERCASE output Generate MD5 Copy Hash Clear Your hash will appear here. The MD5 Hash Generator produces the familiar 32-character MD5 fingerprint of any text or file you give it, entirely in your browser. MD5 hashes are used to verify downloads, spot duplicate files, fingerprint cache keys, and compare data quickly: change even one byte of the input and the hash is completely different, while the same input always gives the same hash. You can type or paste text, or choose a file and hash its exact bytes. An uppercase toggle matches the formatting some systems expect, and the copy button puts the result on your clipboard. This page carries its own compact MD5 implementation in vanilla JavaScript, because browsers do not include MD5 in their modern crypto API. The honest warning, repeated becaus...

CSS Triangle Generator

CSS Triangle Generator Make pure-CSS triangles for tooltips, carets, and arrows with the border trick, no images needed. Direction Up Down Left Right Top-left corner Top-right corner Bottom-left corner Bottom-right corner Width (px) Height (px) Colour CSS output Copy CSS The CSS Triangle Generator creates triangles with pure CSS, using the classic border trick, so you never need an image file for a tooltip arrow, dropdown caret, or corner ribbon again. The technique is elegant but famously fiddly: a zero-size element whose four borders meet as triangles, where making three borders transparent leaves the fourth as a perfect triangle. Instead of memorising which border to colour for each direction, you simply choose one of eight directions: up, down, left, right, or any of the four right-angle corners. Set the width, height, and colour, watch the live preview, and copy the ready-made CSS class. Corner triangles are ideal for folded-corner effects and ribbon tags, while ...

CSS Box Shadow Generator

CSS Box Shadow Generator Move the sliders and watch the shadow change on the preview box, then copy the CSS. Horizontal offset: 8 px Vertical offset: 10 px Blur: 20 px Spread: 0 px Opacity: 25 % Shadow colour Inset shadow Preview Presets Soft Float Sharp Dreamy CSS output Copy CSS The CSS Box Shadow Generator creates polished drop shadows with sliders instead of guesswork. Shadows sell depth on cards, buttons, and modals, but the box-shadow syntax packs position, blur, spread, colour, and opacity into one dense line that is genuinely hard to tune blind. This tool gives every value its own control and a live preview box on a neutral stage, so you design the shadow by eye. Horizontal and vertical offsets move the shadow, blur softens its edge, spread grows or shrinks it, and opacity blends it over any background using a proper rgba colour. Tick Inset to flip the shadow inside the element for pressed or carved effects. Four preset buttons, Soft, Float, Sharp, and Dre...

Color Picker and CSS Gradient Generator

Color Picker and CSS Gradient Generator Pick two or three colours, set the direction, and copy ready-to-paste CSS. Colour 1 Colour 2 Use colour 3 Type Linear Radial Angle (linear only): 90 ° CSS output Copy CSS The Color Picker and CSS Gradient Generator builds smooth colour blends and hands you the exact CSS to use them. Gradients give headers, buttons, and hero sections depth that flat colour cannot, but writing gradient syntax from memory, especially angles and multi-stop blends, invites trial and error. Here you simply pick colours and watch the preview respond. Choose two colours, or tick the box to blend through a third in the middle. Switch between linear gradients, which flow in a straight direction controlled by the angle slider, and radial gradients, which bloom outward from the centre. Every change updates the large preview and the CSS output together, so what you see is literally the code you copy. The generator uses the standard CSS gradient functions...

Color Converter

Color Converter Type a colour in HEX, RGB, or HSL and get every format with one-click copy. Colour (try #1a73e8, rgb(26,115,232), or hsl(214,82%,51%)) Convert The Color Converter translates a colour between the formats designers and developers actually use: HEX for stylesheets, RGB for screens and code, HSL for intuitive adjustments, and HSV for graphics tools. Every program seems to speak a different colour dialect, and hand-converting between them with a calculator is slow and error-prone. Type a colour in any of the accepted formats, or pick one visually with the colour swatch, and the tool instantly shows all four formats with the colour previewed in a large swatch. Each value has its own Copy button, so the exact string you need lands on your clipboard in the format your project expects, with no reformatting by hand. The maths is the standard colour-space conversion used across the web platform, done locally in your browser. Nothing is uploaded, there are no accoun...