Skip to content

[FEATURE] Add ease-float animation utility for subtle floating motion #515

@dishamaurya081-create

Description

@dishamaurya081-create

Feature Request

Add a new animation utility called ease-float that creates a smooth floating effect by moving an element slightly up and down in a continuous loop.

Motivation

Floating animations are commonly used for:

  • Hero illustrations
  • Feature icons
  • CTA buttons
  • Cards
  • Decorative UI elements

This utility would align with EaseMotion CSS's animation-first philosophy and provide developers with a reusable micro-interaction without requiring custom keyframes.

Proposed API

<div class="ease-float">
  Floating Content
</div>

Metadata

Metadata

Labels

GSSoC-26Official GSSoC 2026 issueacceptedContribution approved for integration into EaseMotion CSSanimationAnimation effects, hover interactions, motion ideas, transitionscomponentNew UI components (buttons, cards, modals, tooltips, badges)enhancementNew feature or requestgood first issueGood for newcomersgssoc:approvedApproved for GSSoC contributionshelp wantedExtra attention neededintegratedSuccessfully merged and included in the frameworklevel:beginnerSuitable for first-time contributorslevel:intermediateRequires moderate project understandingtype:featureNew functionality or enhancement

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions