Yr is a
DSL
(domain-specific language) that lets HTML, CSS, JavaScript, Python, and Bash coexist in a single
file — organized by simple section markers. No new syntax to learn. Just structure.
Think of Yr as a way to organize a project file. You still write HTML, CSS, JS, Python, and Bash — you just write them all in the same place, separated by simple markers.
Use
><
to open an HTML section. Write normal HTML inside — or use the
_
selector to place elements and wrappers.
Use
##
to open a CSS section. Write normal CSS. Gets injected into
<style>
before
</head>
Use
@@
for client-side JavaScript. Gets wrapped in a
<script>
tag after
</body>
Use
&&
for server-side Node.js logic. Compiled as
app.js
Use
**
for build, serve, and deploy scripts. Bash or JS. The Yrkit CI/CD pipeline reads these sections directly.
Use
!!
to import other
files. Build a library of reusable wrappers and components across projects.
This is a live Yr editor — the same engine that runs inside Yrkit. Edit the code on the left and see the result on the right.
Yr's entire syntax is a set of section markers. Everything inside a section is the language you already know.
_
to place elements.
Yrkit — a cloud IDE with visual builder, CI/CD pipeline, database manager, and AI copilot — is built entirely in Yr. It's the largest project running on the language today, and it works in production.
The language itself. Parser, compiler, and runtime. MIT-compatible for personal and commercial use.
★ GitHub →Command line tools: build, serve, deploy. Install globally via npm and run Yr projects anywhere.
npm →The npm package. Use Yr programmatically in your Node.js projects or integrate it into your own tools.
npm →Yr is a solo developer project. If it's useful to you, consider supporting its development — it helps keep the infrastructure running and the language moving forward.
Donations do not grant ownership, governance rights, or special influence over the Yr language or ecosystem.