Beta Status
This library is still in early beta and the API is subject to change and may get daily breaking changes. The documentaton may not be up to date with the latest features and include missing or outdated information. You can always create an issue on GitHub or even better a pull request to fix the documentation or add new features.
Demos
Interactive Examples
Explore the capabilities of motion-solid with these interactive examples.
First Animation
Enter Animation
Hover and Tap Animation
Scroll Animation
🍅
🍊
🍋
🍐
🍏
🫐
🍆
🍇
Layout Animation
Layout Border Radius
Click the card to toggle size. Watch the corners and shadow during the animation.
Layout Position
It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.
Layout Underline Animation
🍅