Ui
A bunch of React components (like Tour, Stepper, ...) built on top of radix primitives and motion.
Install / Use
/learn @creatorem/UiREADME
Creatorem UI Components

About
Creatorem UI is a comprehensive collection of modern, accessible React components designed to accelerate your development workflow. Built with TypeScript, Tailwind CSS, and the latest web standards, our component library offers beautifully crafted elements that seamlessly integrate into any Next.js or React application.
Our collection includes advanced interactive components like guided tours, liquid animations, media managers, file uploaders, and sophisticated motion elements with glow effects. Each component is meticulously designed with accessibility in mind, featuring proper ARIA attributes, keyboard navigation, and responsive design patterns. From simple utility hooks like copy-to-clipboard and input drag controls to complex UI patterns like steppers, confirmations, and QR code generators, Creatorem UI provides everything you need to build exceptional user experiences.
Whether you're building a modern SaaS application, an e-commerce platform, or any web application requiring polished user interfaces, our components save you countless development hours while ensuring consistent, professional design across your entire project.
Explore More
🌐 Live Components: Check out our interactive component showcase at creatorem.com/ui
📖 Documentation: Comprehensive guides and API references at creatorem.com/docs/ui
Components
- Interactive Elements: Tour guide, Stepper, Confirm Button
- Media & Files: Image Dropzone, File Upload, Media Manager, QR Code
- Motion & Effects: Glow SVG, Liquid animations (Glass, Slider, Switch)
- Form Controls: Number Input, Progression indicators
- Layout & Display: Ratio Preserver, Skeleton loaders
- Utility Hooks: Copy to clipboard, Input drag control, Delay management
License
Licensed under the MIT License. See LICENSE for details.
Related Skills
bluebubbles
351.4kUse when you need to send or manage iMessages via BlueBubbles (recommended iMessage integration). Calls go through the generic message tool with channel="bluebubbles".
node-connect
351.4kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
slack
351.4kUse when you need to control Slack from OpenClaw via the slack tool, including reacting to messages or pinning/unpinning items in Slack channels or DMs.
frontend-design
110.7kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
