Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

🎰 Flip your numbers in 3D

License

NotificationsYou must be signed in to change notification settings

beekai-oss/react-flip-numbers

Repository files navigation

Coverage Statusnpm versionnpm downloadsnpmnpm

Make number animation looks sexy 👏

  • Flip your numbers in 3D space
  • Super easy to use

Install

npm install react-flip-numbers -S

react flip numbers

Quickstart

importreactfrom'react';importFlipNumbersfrom'react-flip-numbers';exportdefault()=>{return<FlipNumbersheight={12}width={12}color="red"background="white"playperspective={100}numbers="12345"/>;};

API

PropTypeRequiredDescription
numbersstring✓
playboolean✓Start the animation
heightnumber✓Individual number height
widthnumber✓Individual number width
colorstring✓Number color
backgroundstringBackground color
perspectivenumberCSS 3D transition perspective
nonNumberStylestringCSS inline style for not number eg , : .
numberStylestringCSS inline style for number
durationnumber
delaynumber

By the makers of BEEKAI

We also makeBEEKAI. Build the next-generation forms with modern technology and best in class user experience and accessibility.

[8]ページ先頭
©2009-2025 Movatter.jp