Componentry

Community

Build stunning React UIs with interactive components and animations.

AuthorMichae2xl
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a library of React components that enhance the visual impact of your UI, including animated and interactive elements.

Core Features & Use Cases

  • Interactive Components: Offers a variety of interactive components like cursor-driven typography, image ripple effects, and magnetic docks.
  • Visual Effects: Provides components for visual effects such as animated gradients, circuit board patterns, and particle galaxies.
  • Data Display: Includes components for displaying data like flight status cards, GitHub contribution calendars, and interactive keyboards.
  • Use Case: If you're building a pitch page or a Next.js/React project and need to add cool UI elements or animated components, this Skill can help.

Quick Start

Install the Componentry library and use the 'animated-gradient' component in your project.

Dependency Matrix

Required Modules

reacttailwindcssframer-motion

Components

scriptsreferencesassets

💻 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: Componentry
Download link: https://github.com/Michae2xl/claude-skills-michael/archive/main.zip#componentry

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.