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.

33 stars 2 forksPlugins & marketplaces Plugin marketplace Source

Install

Inside Claude Code
/plugin marketplace add SLtowl/sl-ui-library

Found in the project README. Check it for setup steps after installing.

From source
git clone https://github.com/SLtowl/sl-ui-library.git

From 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…
Read the full README on GitHub

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.
Claude Code docs

Details

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

20

yurukusa/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.

Plugins & marketplaces/plugin install

Claude Skills

20

livlign/claude-skills

A Claude Code plugin marketplace for open-source maintainers — README heroes, README audits, and .NET test-coverage backfills.

Plugins & marketplaces/plugin install

Knowledge Graph

21

hilyfux/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.

Plugins & marketplaces/plugin install

Claude Plugin Marketplace

28

DennisLiuCk/claude-plugin-marketplace

Claude Code 插件集合,提供開發、生產力、安全與學習等工具

Plugins & marketplaces/plugin install

Claude Code Frontend Dev

34

hemangjoshi37a/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.

Plugins & marketplaces

Gemba Product Management Toolkit

27

gemba-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.

Plugins & marketplaces/plugin install

Browse the most popular Claude Code mods, all plugins & marketplaces, or the skills and MCP server directories.