Svelte Component Boilerplate - Online Quick .svelte Template
Create a Svelte single‑file component with script, style, and markup. Choose TypeScript or JavaScript. Copy the .svelte file.
UD5 Toolkit
Find the perfect substitute ingredient for your cooking and baking needs.
Type an ingredient above to find its substitutes.
Create a Svelte single‑file component with script, style, and markup. Choose TypeScript or JavaScript. Copy the .svelte file.
Break down any URL into its individual components: protocol, hostname, path, query parameters. Decode query strings easily. Purely client-side.
Paste Jira/Confluence wiki markup and get a rendered HTML preview. Supports headings, lists, links, and code blocks. All local.
Make your JavaScript code more readable with this online beautifier. Format and indent JS automatically. Works entirely in your browser, protecting your code privacy.
Pick two images or colors and apply all 16 CSS mix‑blend‑mode values live. See and copy the right CSS for your design.
Compile LESS code to plain CSS in your browser. Check for syntax errors and get clean output. For legacy projects.
Pick two colors and mix them in different color spaces with sliders. See the difference between sRGB and OKLCH mixing. Copy the code.
Minify JavaScript and CSS code to reduce file size for production. Remove whitespace and comments instantly. Run locally, your code stays private.
Convert an SVG into a named React component with TypeScript. Clean attributes and add props. Dev tool.
Convert audio files between popular formats like WAV, MP3, and OGG directly in the browser. No upload, fast encoding using WebAudio and ffmpeg wasm.
Build CSS Grid layouts by defining columns, rows, and gaps visually. Get the complete grid CSS code. An essential web design tool running in the browser.
Add multiple CSS filters (grayscale, blur, hue‑rotate) to an image. See the combined effect. Copy the CSS filter value.
Create SEO‑friendly slugs that handle characters from any language. Removes accents, converts Cyrillic, Greek, etc. to Latin. Local.
Convert an SVG into a data‑URI for mask‑image or mask‑position. Create non‑destructive clipping masks via CSS.
Just a dead‑simple tool to convert any text to UPPER CASE. Fast, no ads, all local. Also offers lower and title case.
Upload a photo and remap its tones to any gradient. Apply stunning color grading. Download result.
Encode or decode a string for use in a URL query parameter. See the raw and encoded versions. Dev tool.
Visually apply CSS transform functions like rotate, scale, skew, and translate. Obtain the exact CSS code for your elements. No coding needed.
Write CSS like `oklch(from red l c h)` to modify colors dynamically. Preview the output and copy the code.
Browse a collection of common UI components (cards, modals, navbars) built with pure CSS. Preview and copy the HTML/CSS. Fast prototyping.
Paste an SVG and convert it to a React Native component using react‑native‑svg elements. For mobile apps. Local.
Paste code and get a beautifully highlighted preview with line numbers. Supports many languages. Copy as HTML. Pure frontend.
Visually create beautiful linear and radial gradients. Get the CSS code instantly. Copy the code or export as image. Perfect for web designers.
Enter L*a*b* values and see the corresponding RGB and hex color. Useful for advanced color manipulation.
Paste an SVG path and convert all relative commands to absolute. Also smooth curves to lines. Local parser.
Press any key combination and see the human‑readable shortcut for macOS and Windows. Developer docs helper.
Type text and instantly see it rendered with text‑transform: uppercase, lowercase, capitalize, and full‑width. Copy CSS.
Paste regular HTML and instantly get valid React JSX with proper self‑closing tags and className attributes.
Compile SCSS code to CSS directly in the browser using the official Sass.js library. Supports variables, mixins, nesting. No server upload required.
Create a multi‑column text layout with adjustable column count, gap, and rule. Copy the CSS. Elegant reading experience.