Tools

Fonts & Typography

Fonts Library
Browse, organize and optimize your complete font collection in one place.

Web Font Converter
Turn desktop fonts into web-ready WOFF/WOFF2 with CSS @font-face.

Font Recognizer
Upload an image to identify matching fonts and find similar ones.

Font Pair Generator
Discover and customize beautiful font combinations.

Website Font Extractor
Extract all web-fonts from any URL and download them.

Icons & SVG

Icon Library
Browse thousands of icons & illustrations.

Icon Packs
Complete open-source icon packages.

Unicode Browser
Explore 39,656 Unicode characters.

Icon Font / Sprite Generator
Create webfonts or SVG/PNG sprites.

Icon Font → SVG
Extract named SVG icons from a webfont.

SVG Editor
Edit colours, animate, export Lottie.

Loader Generator
Design and export CSS/HTML loaders and spinners.

Colors

Colors Palettes
Trending color palettes for your projects.

Palette Generator
Create harmonious color schemes: complementary, triadic and more.

Color Extractor
Pull color palettes from uploaded images or URLs.

Contrast Checker
Verify WCAG compliance for text and background pairs.

Shades & Tints
Generate lighter and darker variations for any base color.

Design System Generator
Visualize color palettes and their properties.

Images & AI

Image Converter
Switch between PNG, JPG, WebP, AVIF and more.

Image Compressor
Reduce file size while preserving visual quality.

Background Remover
One-click background removal with pixel-perfect edges.

Watermark Remover
Brush over a watermark or object and erase it with AI inpainting.

Image Colorizer
Add natural colour to black-and-white photos with AI.

Face Blur
Automatically detect and blur faces for privacy.

Image to Text (OCR)
Extract text from images — Latin & Cyrillic.

Image → SVG Tracer
Convert raster to layered SVG.

AI Image Enhancer
Upscale, restore faces and denoise images with AI.

Favicon Generator
Generate a complete favicon package.

Image Dither
Convert images into stylish dithering patterns.

Background Generator
Generate unique SVG backgrounds with organic shapes.

Image Flow
Layers, shader effects & AI — a complete image workflow.

CSS Tools

Gradient Generator
Create linear, radial and conic gradients with live preview.

Mesh Gradient Generator
Fluid WebGL mesh gradients — export as CSS or image.

Grid Playground
Build and preview CSS Grid layouts in real time.

Clamp Generator
Fluid type & spacing with CSS clamp().

Border Radius Generator
Visual border-radius editor — simple corners or fancy blob shapes.

Box Shadow Generator
Layered CSS shadows with live preview and presets.

Clip Path Generator
Craft clip-path shapes: presets, polygons, draggable points.

Neumorphism Generator
Soft-UI shadows: flat, concave, convex and pressed styles.

Liquid Glass Generator
Liquid Glass-inspired surfaces: frost, distortion, chromatic lens.

SCSS Mixins
Ready-made SCSS mixins library.

Developer Tools

UI/UX Code Elements
UI/UX code components for your projects.

Website Style Extractor
Analyze any URL to extract its design system.

Code Minifier
Minify your code to reduce file size.

Code Converter
Convert between code formats and languages.

SVG to Base64
Encode SVG as a Base64 data URI for CSS and HTML.
Products

Chrome Extension Clip UI elements & assets from any page Figma Plugin Fonts, icons & elements inside Figma
Developers

REST API HTTP endpoints for fonts, colors & more MCP Server Connect Jinero to AI assistants Fonts API Programmatic access to the font library Documentation Full API reference & guides
Media

Blog Deep dives into how the tools work Changelog What's new on Jinero

Sign Up Sign Up

CtrlK

Home
Tools

Image Flow New
Layers, shader effects & AI — a complete image workflow.

Fonts Library
Browse, organize and optimize your complete font collection in one place.

Web Font Converter
Turn desktop fonts into web-ready WOFF/WOFF2 with CSS @font-face.

Font Recognizer
Upload an image to identify matching fonts and find similar ones.

Font Pair Generator
Discover and customize beautiful font combinations.

Website Font Extractor
Extract all web-fonts from any URL and download them.

Icon Library
Browse thousands of icons & illustrations.

Icon Packs
Complete open-source icon packages.

Unicode Browser
Explore 39,656 Unicode characters.

Icon Font / Sprite Generator
Create webfonts or SVG/PNG sprites.

Icon Font → SVG
Extract named SVG icons from a webfont.

SVG Editor
Edit colours, animate, export Lottie.

Loader Generator
Design and export CSS/HTML loaders and spinners.

Colors Palettes
Trending color palettes for your projects.

Palette Generator
Create harmonious color schemes: complementary, triadic and more.

Color Extractor
Pull color palettes from uploaded images or URLs.

Contrast Checker
Verify WCAG compliance for text and background pairs.

Shades & Tints
Generate lighter and darker variations for any base color.

Design System Generator
Visualize color palettes and their properties.

Image Converter
Switch between PNG, JPG, WebP, AVIF and more.

Image Compressor
Reduce file size while preserving visual quality.

Background Remover
One-click background removal with pixel-perfect edges.

Watermark Remover
Brush over a watermark or object and erase it with AI inpainting.

Image Colorizer
Add natural colour to black-and-white photos with AI.

Face Blur
Automatically detect and blur faces for privacy.

Image to Text (OCR)
Extract text from images — Latin & Cyrillic.

Image → SVG Tracer
Convert raster to layered SVG.

AI Image Enhancer
Upscale, restore faces and denoise images with AI.

Favicon Generator
Generate a complete favicon package.

Image Dither
Convert images into stylish dithering patterns.

Background Generator
Generate unique SVG backgrounds with organic shapes.

UI/UX Code Elements
UI/UX code components for your projects.

Website Style Extractor
Analyze any URL to extract its design system.

Gradient Generator
Create linear, radial and conic gradients with live preview.

Mesh Gradient Generator
Fluid WebGL mesh gradients — export as CSS or image.

Code Minifier
Minify your code to reduce file size.

Code Converter
Convert between code formats and languages.

Grid Playground
Build and preview CSS Grid layouts in real time.

Clamp Generator
Fluid type & spacing with CSS clamp().

Border Radius Generator
Visual border-radius editor — simple corners or fancy blob shapes.

Box Shadow Generator
Layered CSS shadows with live preview and presets.

Clip Path Generator
Craft clip-path shapes: presets, polygons, draggable points.

Neumorphism Generator
Soft-UI shadows: flat, concave, convex and pressed styles.

Liquid Glass Generator
Liquid Glass-inspired surfaces: frost, distortion, chromatic lens.

SCSS Mixins
Ready-made SCSS mixins library.

SVG to Base64
Encode SVG as a Base64 data URI for CSS and HTML.
Products
Image Flow New Layers, shader effects & AI — a full image workflow Chrome Extension Clip UI elements & assets from any page Figma Plugin Fonts, icons & elements inside Figma
Developers
REST API HTTP endpoints for fonts, colors & more MCP Server Connect Jinero to AI assistants Fonts API Programmatic access to the font library Documentation Full API reference & guides
Media
Blog Deep dives into how the tools work Changelog What's new on Jinero

Sign Up Sign Up

UI Elements Library — Free Ready-to-Use Components

Search Elements

Sort by

Filters

Categories

button 4 badge input toggle 1 dropdown tooltip avatar rating progress 1 loader 1 form 2 login signup search newsletter contact navbar sidebar footer breadcrumb pagination tabs menu hero cta banner feature stats testimonial faq team brands steps pricing plan product cart card modal alert accordion table list gallery carousel social 1 support

3 elements

هدر

Floating Label Input

Gradient Border Input

My Collection

Sign in to save elements.

© 2026 jinero.online — All Rights Reserved

Help us improve

Found a bug? Got an idea?

Jinero is in active development. If something is broken or behaving oddly — tell us. If there is a tool or feature you wish we had — tell us that too. We read every message and it directly shapes what we build next.

Or email us directly at [email protected].

Follow along and help us grow — we post updates, tips and new tools

Send Feedback

Use this form to tell us anything — we read every message.

Report a bug — something broken or behaving oddly
Suggest a feature — what would make Jinero more useful for you
Ask a question — about the tools, the API, or our plans
Just say hi — feedback on look-and-feel, encouragement, etc.

We'll reply to the email you provide. You can also reach us directly at [email protected].

Email

Topic

Message

Screenshot (optional)

0 icons added to the Sprite / Web-font Generator

Open

We use cookies to keep you signed in and improve the tools. See our Privacy Policy.