Skip to content

Global @keyframes animations #5700

@kof

Description

@kof

Allow creating global @keyframes animations. We already have the UI for that we can reuse, which is currently only available on Animation Group component.

Todo

  • Allow adding keyframes from Global root
  • Reuse the UI for Keyframes used on Animation Group component
  • Ensure animation names are unique
  • Allow referencing the animation name from animation/animation-name properties in advanced style panel
  • Use keyframes animation to provide default animations on Radix Accordion, Dialog and all other components, you can find the definitions on shadcn or radix documentation
  • Maybe retire ani-motion by making sure everything it does is already either built-in or is in the main section components library on the marketplace
  • Make sure pasting style tag with keyframes doesn't create html embed but uses style sources

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions