GSX
A Go-first, server-side rendering toolkit with JSX-like composability and zero-runtime overhead.
See ExamplesA Go-first, server-side rendering toolkit with JSX-like composability and zero-runtime overhead.
See ExamplesA simple component that renders HTML directly, like a standalone tag:
<div class="inline-block bg-blue-100 text-blue-800 text-xs font-medium px-3 py-1 rounded-full">
<span>{{ .name }}</span>
</div>
Components can call other components and pass attributes like props:
<section class="bg-white shadow-md rounded-2xl p-6">
<h2 class="text-xl font-semibold mb-2">{{ .title }}</h2>
<p class="mb-4 text-gray-700">{{ .content }}</p>
<Tag name={tag} />
</section>
Just like JSX — but it's Go. Server-rendered, fast, and testable:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>GSX Playground</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 text-gray-800 font-sans">
<Header />
<main class="max-w-3xl mx-auto px-4 py-12 space-y-8">
<Section title="Section Title" content="This is a paragraph in the section." tag="Example Tag" />
<Section title="Another Section" content="More content here." tag="Another Tag" />
<Section title="Final Section" content="Last bit of content." tag="Final Tag" />
</main>
<footer class="text-center text-sm text-gray-500 py-8">
© 2025 Saasuke Labs
</footer>
</body>
</html>
