Motions

Motion components are the building blocks of your application. They are used to create reusable UI elements.

Core Components
- Accordion
- Animated Group
- Border TrailComing soon
- CollapsibleNew
- Cursor
- Infinite Slider
- Transition Panel
- Board
Creative Effects
- Image mousetrail
- Image Reveal
- Blocks
Dialog/Drawer
Drag Items
- Drag Items
- Swapy DragComing soon
ThreeJS
Clip Path
- Clip Path
- MaskingComing soon
Text Effects
Number Effects
- Animated Number
- Sliding NumberComing soon
Scroll Effects
Tabs
- Tabs
- Image Tabs
Carousel
Grid
- Grid
- Masonary
Interactive Elements
Toolbars
- Toolbar DynamicComing soon
- Toolbar ExpandableComing soon
Advanced Effects
- Progressive BlurComing soon

Command Palette

Search for a command to run...

Become a Contributor

Join our Contribution Program

Contribute components, improvements, or documentation to help make Cnippet UI better. Open issues, submit pull requests, and help the community grow.

Become a contributor

Cnippet Ui

Cnippet Ui

The most Powerful Figma Ui Kit & Design System for designers.

Ui Components

File Trigger Table Data Table Command Menu Context Menu Dialog Sheet Sonner

Motion Components

Image mousetrail Morphing Dialog Text Roll Horizontal Scroll Image Comparison

© 2025 Cnippet•All rights reserved