Sign Up Sign Up
Free during beta Chrome Extension live Figma Plugin live

From any visual source to
ready-to-use design

Capture real UI from the web, transform images in the browser, continue in Figma — with 35+ connected tools.

Chrome Extension Chrome Extension
Figma Plugin Figma Plugin

Sign up to unlock unlimited limits on every tool — free during dev phase

Image Flow 01

One image, a complete creative workflow

A browser-based image editor — layers, GPU shader effects, background removal and AI — from a raw shot to export, without leaving the tab.

  • Layered editing with masks & blend modes
  • GPU shader effects — liquid glass, mesh gradients, glitch, dither
  • One-click background removal & AI expand
  • Crisp 2× export, or copy straight to Figma
Open Image Flow
Chrome Extension 02

Capture the web without rebuilding it

Grab real UI from websites, dashboards and specific page states — straight from the browser.

  • Capture selected elements or full sections
  • Preserve CSS, fonts, images and layout
  • Copy page styles & colors straight into Figma
  • Everything lands in your element library
Install Chrome Extension
Figma Plugin 03

Bring Jinero assets directly into Figma

Icons, fonts, palettes, Unicode and your captured blocks — inside Figma, FigJam and Slides.

  • Search 280K+ icons without leaving the canvas
  • Insert captured blocks as editable layers
  • Apply fonts & palettes to your selection
  • AI image tools run right on the canvas
Open Figma Plugin
Landing redesign — Drafts A 64%
Desktop / Hero
Jinero
heart
hero-section
pricing card
Brand
Sunset
Forest
API & MCP 04

Automate the same tools with API and MCP

Everything the tools do is available programmatically — for your scripts, CI and AI agents.

  • REST API for fonts, icons, palettes & elements
  • MCP server for AI agents & assistants
  • Start without an API key
  • CSS / JSON token exports
Explore the API
REST API MCP 
$ curl "https://jinero.online/api/v1/palettes?tone=warm"

{
  "name": "Sunset Terracotta",
  "colors": ["#FF8D06", "#F9194A", "#FFA492"],
  "tone": "warm", "harmony": "analogous"
}

$ curl "https://jinero.online/api/v1/colors/contrast?fg=1B1B1B&bg=FFF"
{ "ratio": 16.68, "AA": true, "AAA": true }
› find a warm palette and check button contrast

⚒ search_palettes { "tone": "warm" }
⚒ check_contrast { "fg": "#F9194A", "bg": "#FFF" }
⚒ get_color_shades { "hex": "#FF8D06" }

✓ 20+ tools — fonts, colors, palettes, code, svg
claude mcp add --transport http jinero https://jinero.online/mcp
Settings → Connectors → Add: https://jinero.online/mcp

The tool hub

Catalogs, generators and AI utilities — 35+ free tools that share one library, one account, one API.

Font Library

26,000+ free fonts — instant preview, pairing, self-host packages and a recognizer.

Icon Library

280K+ open-source icons in 230+ packs — search, recolor, export as SVG, sprite or icon font.

Color Palettes

6,200+ curated palettes plus generators, image extraction and contrast tools.

Unicode Browser

Every arrow, symbol and pictograph — copy as character, HTML entity or CSS escape.

AI Image Tools

Background remover, enhancer, tracer, converter and compressor — one click, no upsell.

Gradient Generator

Linear, radial & conic CSS gradients with live preview — tweak stops, copy the code.

Font Recognizer

Upload a screenshot — get the font, matched against 26,000+ families.

Loader Generator

CSS-only spinners and loaders — pick one, tweak it, copy the code.

Background Generator

Seeded mesh & gradient backdrops — shuffle until it fits, take the CSS.

Design System Generator

One brand color in — a full UI kit out: shades, states and a live component preview.

And everything in between

Smaller tools that cover the gaps — all free, no account needed.

Web Font Converter Font Pairs Icon Font Extractor Element Library Sprite Generator SVG Editor Image → SVG Favicon Generator Code Minifier Code Converter Clamp Generator SCSS Mixins Grid Playground Mesh Gradients Contrast Checker Shades & Tints

One toolbox for your entire design workflow

Explore 35+ free tools in the browser, capture real UI with the Chrome extension, and bring your assets into Figma as editable layers. No sign-up, no paywall.

Install Chrome Extension Install Chrome Extension
Figma Plugin Figma Plugin
Chrome Extension logo
Figma logo
HTML5 logo
CSS3 logo
Sass / SCSS logo
TypeScript logo
Bootstrap logo
Tailwind CSS logo

Jinero connects directly with Chrome and Figma, and exports production-ready HTML, CSS, Sass, TypeScript, Bootstrap and Tailwind formats.

A complete free toolbox for designers and developers

Jinero brings together everything you'd otherwise juggle across 35+ tabs — type, icons, color, image editing, AI-powered photo tools, and dev utilities — in one fast, sign-up-free browser app. Every resource is licensed for free use, with original licenses preserved and surfaced on every detail page.

Type & typography

Browse 26,000+ free fonts with live preview and one-click ZIP download. Convert legacy fonts with the Web Font Converter, identify any face from a screenshot via the AI Font Recognizer, or generate heading + body pairs. The public Fonts API is a Google Fonts CSS2 drop-in — no key required.

Fonts Library Font Converter Font Recognizer Pair Generator Fonts API

Icons & SVG

Search across 280,000+ open-source SVG icons — Lucide, Heroicons, Tabler, Material Symbols, Phosphor, and more. Build custom sprites with the Sprite Generator, edit vectors in the SVG Editor, convert raster to SVG with the Vectorizer, or browse every character in the Unicode Browser.

Icons Library Sprite Generator SVG Editor Vectorizer Unicode Browser

Color & palettes

Explore 6,000+ curated palettes filterable by mood, temperature, and harmony. Build with the Palette Generator, extract from any image, derive shades and tints, and verify a11y with the WCAG Contrast Checker. The Design System Builder exports complete starter packs.

Palettes Palette Generator Color Extractor Shades & Tints Contrast Checker Design System

AI image tools

Several Jinero tools run AI server-side — no account, no per-image fees. One-click AI Background Remover, upscale and denoise via AI Image Enhancer, identify fonts from any image with the AI Font Recognizer. Pair with the Image Optimizer, Favicon Generator, or Dither Effect for retro looks.

Background Remover Image Enhancer Font Recognizer Image Optimizer Favicon Generator Dither Effect

Developer utilities

Speed up work with the curated SCSS Mixins library, CSS clamp() generator for fluid typography, Gradient and Mesh Gradient builders, Code Minifier, Code Converter (SCSS↔CSS, JSON↔YAML), SVG → Base64, and the UI Elements Library with copyable HTML/CSS.

SCSS Mixins Clamp Generator Gradient Mesh Gradient Code Minifier Code Converter SVG → Base64 UI Elements

Open & ad-free

Jinero's core tools are free for personal and commercial work — no accounts required, no ads, no per-export paywall. Accounts add saved collections, higher limits and API tokens. Every font, icon, and palette ships with its original license displayed on the detail page. Our own code is MIT; the public Fonts API is rate-limited but otherwise open. Reach out: @jinero_online.

Frequently Asked Questions

Yes — the core tools, downloads, and the public API are free for personal and commercial use, with no per-export paywall. Accounts unlock saved collections, higher limits, API tokens and workflow features, and optional Pro plans may be added later for teams and automation. Original font and icon licenses (OFL, Apache, MIT, CC0) are displayed on every detail page and must be respected for redistribution.

No. Browsing, downloading, and using every utility works without an account. Sign-up is only needed to save favourites and bookmarks across sessions, or to generate a personal API token for higher rate limits.

Three tools run AI models server-side: the AI Background Remover (image segmentation), the AI Image Enhancer (upscaling and denoising), and the AI Font Recognizer (image-to-font matching). The rest are pure browser-side algorithms.

Yes. The API itself is free for personal and commercial use. The underlying fonts retain their original licenses — most are OFL, which permits commercial use as long as the font isn't sold standalone. The license for each family is returned in the API response and displayed on the font detail page.

Jinero is browser-based and free like Canva, but specifically targets designer + developer workflow — fonts, icons, palettes, image utilities, and code helpers in one place, without subscription tiers. Compared with Google Fonts, we add live preview tools, a font recognizer, a font pair generator, a converter, and a privacy-friendly self-hosted API as a drop-in alternative.