Skip to content

release circular text#419

Merged
hari merged 5 commits intoproductionfrom
main
Feb 4, 2026
Merged

release circular text#419
hari merged 5 commits intoproductionfrom
main

Conversation

@hari
Copy link
Contributor

@hari hari commented Feb 4, 2026

Note

Low Risk
Primarily additive UI/docs work plus dependency bumps; main risk is potential build/runtime differences from the next/storybook/wrangler upgrades.

Overview
Adds a new CircularText component that arranges characters around a circle and continuously rotates via framer-motion, with configurable spinDuration, radius, and className.

Introduces a Storybook story and MDX documentation page for the component, and updates package.json to bump next, storybook, and wrangler versions.

Written by Cursor Bugbot for commit dbb676a. This will update automatically on new commits. Configure here.

dependabot bot and others added 5 commits July 28, 2025 11:43
…oup across 1 directory (#412)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
…dates (#413)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
…dates (#415)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
…dates (#417)

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
@coderabbitai
Copy link

coderabbitai bot commented Feb 4, 2026

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

  • 🔍 Trigger a full review
✨ Finishing touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Post copyable unit tests in a comment
  • Commit unit tests in branch main

Important

Action Needed: IP Allowlist Update

If your organization protects your Git platform with IP whitelisting, please add the new CodeRabbit IP address to your allowlist:

  • 136.113.208.247/32 (new)
  • 34.170.211.100/32
  • 35.222.179.152/32

Reviews will stop working after February 8, 2026 if the new IP is not added to your allowlist.


Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@cloudflare-workers-and-pages
Copy link

Deploying animata with  Cloudflare Pages  Cloudflare Pages

Latest commit: dbb676a
Status: ✅  Deploy successful!
Preview URL: https://01ed67b5.animata.pages.dev
Branch Preview URL: https://main.animata.pages.dev

View logs

@hari hari merged commit b315a98 into production Feb 4, 2026
8 checks passed
Copy link

@cursor cursor bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix is OFF. To automatically fix reported issues with Cloud Agents, enable Autofix in the Cursor dashboard.

This PR is being reviewed by Cursor Bugbot

Details

You are on the Bugbot Free tier. On this plan, Bugbot will review limited PRs each billing cycle.

To receive Bugbot reviews on all of your PRs, visit the Cursor dashboard to activate Pro and start your 14-day free trial.

export default function CircularText({
text,
spinDuration = 30,
radius = 5,
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Default radius value too small for visible circle

High Severity

The default radius = 5 is far too small for the 200x200px container. With translateY(-5px), all characters will be positioned only 5 pixels from the center, causing them to overlap and the circular text effect to be essentially invisible. For a 200px container, the radius should be closer to 80-100px to properly display text in a circle.

Fix in Cursor Fix in Web

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.

2 participants