solidjs-community/html-to-solidjsx

An HTML to Solid JSX converter

HTML to SolidJSX

This is the source code of the HTML to Solid JSX website.

Purpose

Existing HTML to JSX online transformers aren't compatible for SolidJS, it transforms to JSX that is suited for React templates.

1. Replaces standard HTML attributes such as class and for to className and htmlFor.
2. Incorrectly changes css variables names inside style attribute.

Solid attempts to stay as close to HTML standards as possible, allowing copy and paste from answers on Stack Overflow or from template builders from your designers. This site brings that goal even closer by converting void elements(<br>) to self-closing(<br/>), while also providing customizations such as the option to camelCase attributes or having style attribute value set as a CSS object or string.

Credits / Technologies used

• solid-start: The meta-framework
• solid-js: The view library
• codemirror: The in-browser code editor
• solid-codemirror: The SolidJS bindings for codemirror
• htmltojsx(modified for Solid JSX compatiblity): The HTML to JSX converter
• UnoCSS: The CSS framework
• solid-primitives: The utilities/primitives
• vite: The module bundler
• pnpm: The package manager