Claude Code plugin
Sl UI Library
Interactive UI components with HTML, CSS, JavaScript, React and Next.js exports, plus a plugin for Codex and Claude Code.
Install
/plugin marketplace add SLtowl/sl-ui-libraryFound in the project README. Check it for setup steps after installing.
git clone https://github.com/SLtowl/sl-ui-library.gitFrom the README
SL UI Library An AI plugin and interactive UI library with HTML, CSS, JavaScript, React and Next.js exports. English · Русский Version 1.2.4 simplifies website analytics to cookieless daily visitor estimates and plugin ZIP clicks, removes the analytics popup, and styles the plugin download button. Plugin activation stays separately opt-in. All 388 components and palette-aware exports are unchanged. Release notes · Framework integration · Previous release. 388 interactive components with 390 export variants. Vanilla exports have no runtime dependencies, remote fonts or stock icon libraries. React and Next.js use your application's framework runtime and mount the same original controller as an isolated client widget. Preview components and download their complete source files. Open the library · Install the plugin · Components · Integration guide · Quality notes · MIT License Component demos The demo shows saving, liking, theme switching, rating and tab navigation. It uses the library's components with CSS 3D styling. No cursor. Watch / download MP4 · WebM · Live 3D scene · Interactive showcase Studio photography is generated artwork; the film uses library components with CSS 3D styling. Components 388 components, 390 export variants. Save & Cancel is available together or separately. All ten categories contain working previews and complete source packages. Each package retains its original vanilla files and adds React / Next.js entry points with their documented companions. Plugin installation Install directly from this GitHub repository. No official marketplace listing or library account is required. Claude Code Paste this line into a terminal with Claude Code installed: Inside a Claude Code chat, run the same setup as two slash commands: Codex Paste…
How plugins work
- A plugin bundles slash commands, subagents, skills, hooks, MCP servers and status lines so they install together.
- Add the marketplace inside Claude Code with /plugin marketplace add SLtowl/sl-ui-library, then run /plugin to pick what to install.
- You can turn a plugin off again from /plugin without deleting anything.
Details
- Repository
- SLtowl/sl-ui-library
- Website
- sltowl.github.io/sl-ui-library
- Language
- JavaScript
- License
- MIT
- Last updated
- 25 October 2026
FAQ
What is Sl UI Library?
Interactive UI components with HTML, CSS, JavaScript, React and Next.js exports, plus a plugin for Codex and Claude Code. It is a plugin for Claude Code, from SLtowl/sl-ui-library on GitHub.
How do I install Sl UI Library?
Run /plugin marketplace add SLtowl/sl-ui-library inside Claude Code, then follow the setup in the README.
Is Sl UI Library popular?
SLtowl/sl-ui-library has 33 GitHub stars and 2 forks. It was last updated on 25 October 2026.
More plugins & marketplaces
Claude Code Hooks
20yurukusa/claude-code-hooks
The original 16 Claude Code safety hooks, kept for backward compatibility. The maintained set — 914 hooks, one-command install — is cc-safe-setup.
Claude Skills
20livlign/claude-skills
A Claude Code plugin marketplace for open-source maintainers — README heroes, README audits, and .NET test-coverage backfills.
Knowledge Graph
21hilyfux/knowledge-graph
Stop AI Coding from forgetting. A knowledge graph–driven memory layer for LLMs (ChatGPT, Claude, Codex, DeepSeek, Gemini), enabling persistent long-term memory beyond context window limits. Build smarter AI agents with structured context, better consistency, and scalable multi-step reasoning across complex coding workflows.
Claude Plugin Marketplace
28DennisLiuCk/claude-plugin-marketplace
Claude Code 插件集合,提供開發、生產力、安全與學習等工具
Claude Code Frontend Dev
34hemangjoshi37a/claude-code-frontend-dev
First multimodal AI-powered visual testing plugin for Claude Code. AI that can SEE your UI! 10x faster frontend development with closed-loop testing, browser automation, and Claude 4.5 Sonnet vision.
Gemba Product Management Toolkit
27gemba-app/gemba-product-management-toolkit
Pipeline PRD → JTBDs → user stories validadas y priorizadas → spec-input.md para cualquier herramienta de Spec-Driven Development. Plugin de Claude Code.
Browse the most popular Claude Code mods, all plugins & marketplaces, or the skills and MCP server directories.