# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/tools/category/converters. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
[tools](/tools)/converters

# Converters & codegen

Turn one format into another: JSON, YAML, SQL, TypeScript, Zod, JSX.

[CSS to JS objectConvert CSS rules or a bare declaration list into JavaScript style objects, camelCased and quoted, ready for a style prop or a CSS-in-JS file.](/tools/css-to-js)[CSV to JSONRead a CSV into JSON records, including quoted fields holding separators or line breaks, with numbers and booleans converted or kept as text.](/tools/csv-to-json)[curl to fetchPaste a curl command and get the fetch or axios call it stands for, with headers, JSON bodies and basic auth carried across.](/tools/curl-to-fetch)[HTML to JSXPaste HTML and get JSX React accepts: class becomes className, inline styles become objects, comments and void elements are handled.](/tools/html-to-jsx)[HTML to MarkdownTurn a page or a fragment into clean Markdown: headings, lists, tables, code blocks and links, with the script tags left behind.](/tools/html-to-markdown)[JSON diffCompare two JSON documents by what they hold rather than how they are written, and get every added, removed and changed path.](/tools/json-diff)[JSON to CSVTurn an array of objects into a spreadsheet-ready CSV, with nested objects flattened into dotted columns and quoting handled by the rules.](/tools/json-to-csv)[JSON to Go structTurn a JSON payload into a Go struct with json tags, gofmt-aligned columns and omitempty where the sample says a field is optional.](/tools/json-to-go)[JSON to Python dataclassGenerate Python dataclasses from a JSON payload, with nested objects lifted into their own classes and snake\_case field names.](/tools/json-to-python)[JSON to TypeScriptPaste a JSON payload and get a TypeScript interface, with optional fields worked out from the records that disagree.](/tools/json-to-typescript)[JSON to YAMLConvert JSON into readable YAML: quotes only where they are needed, block scalars for multi-line strings, and sequences written the way people write them.](/tools/json-to-yaml)[JSON to Zod schemaPaste a JSON payload and get a Zod v4 schema with the inferred TypeScript type, ready for a form resolver or an API route.](/tools/json-to-zod)[Query string to JSONRead a URL's parameters as JSON, or build a query string from an object, with repeated keys handled as the arrays they are.](/tools/query-string)[SVG to JSX componentTurn an SVG into a typed React component that forwards props, with hard-coded fills swapped for currentColor so the icon takes the text color.](/tools/svg-to-jsx)[XML to JSONConvert XML, an RSS feed or an SVG into JSON, with attributes kept as @name and repeated siblings collected into arrays.](/tools/xml-to-json)[YAML to JSONRead a YAML config into JSON: nested maps, sequences, block scalars, inline collections and comments, with the ambiguous parts refused rather than guessed.](/tools/yaml-to-json)

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.