WebGen
WebGen is a UI Library. Layout and Design in one. No Custom Toolchain
Install / Use
/learn @lucsoft/WebGenREADME
WebGen 2.0
A SwiftUI-like Web library
Getting Started
// Create a mod.ts file
import { appendBody, Label, WebGenTheme } from "https://deno.land/x/webgen/mod.ts";
appendBody(
WebGenTheme(
Label("Hello World!")
)
);
// Create a serve.ts file
import { serve } from "https://deno.land/x/esbuild_serve/mod.ts";
serve({
pages: {
"index": "mod.ts",
},
});
deno run -A serve.ts
Done! Have fun! More docs will follow
Architecture
WebGen is build around the 4 main components:
- Core API: Bringing layouting, the webgen component pattern and state management.
- Navigation API: Build Applications with multiple pages and navigation based on the global URL and the Navigation API.
- Components API: A set of prebuild components like Button, Checkbox, Image, List, Sheets.
- Extended API: Provides additional features like a scheduler, a network issue resilient fetch/websocket API.
Related Skills
Writing Hookify Rules
110.4kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
review-duplication
100.5kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
mcp-for-beginners
15.8kThis open-source curriculum introduces the fundamentals of Model Context Protocol (MCP) through real-world, cross-language examples in .NET, Java, TypeScript, JavaScript, Rust and Python. Designed for developers, it focuses on practical techniques for building modular, scalable, and secure AI workflows from session setup to service orchestration.
repomix
23.2k📦 Repomix is a powerful tool that packs your entire repository into a single, AI-friendly file. Perfect for when you need to feed your codebase to Large Language Models (LLMs) or other AI tools like Claude, ChatGPT, DeepSeek, Perplexity, Gemini, Gemma, Llama, Grok, and more.
