Skills
.Work. You
Rest

css-component-library

Community

Build custom web page effects with ready-to-use CSS components.

Design & Creative#css#components#web design#ui elements#css effects
AuthorMCERQUA
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill empowers you to quickly build custom web page effects without writing complex CSS animations from scratch, saving time and effort in web design and development.

Core Features & Use Cases

  • Ready-to-use Components: 119 curated CSS components for buttons, cards, loaders, text effects, backgrounds, and more.
  • HTML+CSS Code: Each component includes HTML and CSS code for immediate application.
  • Use Case: If you're designing a pricing page and need a "Glow Button" or "Cards with Hover Effects," this Skill provides the CSS components and instructions to implement them in your codebase.

Quick Start

To use a button from the library, copy the HTML and CSS from the 'Gradient Button' section in COMPONENT-MENU.md and apply the .fx-btn selector to your button element in the webpage.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: css-component-library
Download link: https://github.com/MCERQUA/jam-skills/archive/main.zip#css-component-library

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.