Skyrim Next-Gen Web UI Framework

Create beautiful and modern user-interface for Skyrim with strong web technologies.

Get started View on GitHub

Revolutionary Web UI for Skyrim

⚡

Lightning Fast

10x lighter than Chromium with 60fps performance using optimized WebKit integration

🎨

Modern Technologies

Use HTML, CSS, JavaScript, React, Vue, and any modern frontend framework

🔧

Developer Friendly

Develop and test directly in browser with hot reload and modern dev tools

Why Prisma UI?

Best Performance

Built on WebKit with DirectX 11 integration, delivering smooth 60 FPS UI performance while being 10x more efficient than traditional solutions.

Modern Web Stack

Leverage the full power of modern web technologies - CSS Grid, Flexbox, animations, and the latest JavaScript features from 2022 year.

Bidirectional Communication

Seamless C++ ↔ JavaScript communication with JSON data exchange and function return values for complex game integration.

Gradual Integration

Non-invasive approach - integrate web UI step by step without touching vanilla Skyrim’s SWF interface system.

See Prisma UI in Action

Quick Example

See how easy it is to create interactive UI that communicates with Skyrim:

// C++ (SKSE Plugin)
PrismaView view = PrismaUI->CreateView("my-ui/index.html", [](PrismaView view) {
  // Send player data to UI when ready
  PrismaUI->Invoke(view, "updatePlayerStats({health: 100, magicka: 50})");
});

// Register listener for UI events
PrismaUI->RegisterJSListener(view, "castSpell", [](const char* spellName) {
  logger::info("Player wants to cast: {}", spellName);
  // Cast spell in game...
});

<!-- HTML/JavaScript -->
<div class="player-stats">
  <div class="stat">Health: <span id="health">0</span></div>
  <div class="stat">Magicka: <span id="magicka">0</span></div>
  <button onclick="castFireball()">Cast Fireball</button>
</div>

<script>
// Receive data from game
window.updatePlayerStats = (stats) => {
  document.getElementById('health').textContent = stats.health;
  document.getElementById('magicka').textContent = stats.magicka;
};

// Send commands to game
function castFireball() {
  window.castSpell('Fireball');
}
</script>

Community & Resources

📚 Documentation Complete API reference and integration guides

🎮 Example Plugin Ready-to-use SKSE plugin template with UI examples

💬 Discord Community Join fellow modders and get help with your projects

🐛 Report Issues Found a bug? Let us know on GitHub Discussions

Ready to revolutionize Skyrim UI modding?

Join the next generation of Skyrim UI development with modern web technologies. Create stunning interfaces that were never possible before.

Get Started Now

View on GitHub