Skip to content

feat: add CSS Cubic-Bezier easing curve generator utility#417

Merged
shamilahmdt merged 1 commit into
shamilahmdt:mainfrom
TweenzY-Y:feat/cubic-bezier-generator
Jul 22, 2026
Merged

feat: add CSS Cubic-Bezier easing curve generator utility#417
shamilahmdt merged 1 commit into
shamilahmdt:mainfrom
TweenzY-Y:feat/cubic-bezier-generator

Conversation

@TweenzY-Y

Copy link
Copy Markdown
Contributor

📝 Description

Adds a new CSS Cubic-Bezier Generator to the Dev Utilities section. It lets you design custom cubic-bezier() easing curves visually and copy ready-to-use CSS.

Highlights

  • Interactive SVG graph with two draggable control points (X locked to [0, 1], Y free for overshoot).
  • Presets: linear, ease, ease-in, ease-out, ease-in-out.
  • Play/Stop animation preview that compares your curve against a selected preset; duration adjustable (0.5s–5s).
  • Copyable .custom-transition { ... } CSS block.
  • Fully offline, no external libraries. Registered under /devutilities/cubic-bezier.

🔗 Related Issue

Closes #408

🎯 Type of Change

  • fix: Bug fix
  • feat: New feature
  • style: UI/Theme changes (Monochrome)
  • chore: Build/Maintenance

✅ Checklist

  • Follows project's Monochrome design (Black/Grey/White) 🎨
  • Follows Conventional Commits 📜
  • Added screenshots (if UI was changed) 📸
  • Tested locally on the latest version 🧪

@vercel

vercel Bot commented Jul 21, 2026

Copy link
Copy Markdown

@TweenzY-Y is attempting to deploy a commit to the shamilahmdt's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

Copy link
Copy Markdown

👋 Hello, @TweenzY-Y!

Thank you for your contribution to DevTasks.

The maintainer has been notified and will review your pull request shortly. If any changes are needed, we will let you know in the comments below.

@shamilahmdt
shamilahmdt merged commit 22a4de4 into shamilahmdt:main Jul 22, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

🟢 Good First Issue: Add CSS Cubic-Bezier Easing Curve Generator & Visualizer to Dev Utilities

2 participants