Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

flip-ya-nuumbers

Package Overview
Dependencies
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

flip-ya-nuumbers - npm Package Compare versions

Comparing version 0.0.1-beta.1 to 1.0.0

67

package.json
{
"name": "flip-ya-nuumbers",
"version": "0.0.1-beta.1",
"description": "flip number",
"main": "lib/index.js",
"keywords": [
"react",
"number",
"animate"
],
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"clean": "rimraf lib/",
"release": "npm version",
"postrelease": "yarn publish && git push --follow-tags",
"test": "jest",
"testw": "yarn test -- --watchAll",
"build": "babel src/ -d lib/",
"lint": "eslint ./src",
"prepublish": "yarn test && yarn flow && yarn lint && yarn run clean && yarn build",
"flow": "flow"
"test": "echo \"Error: no test specified\" && exit 1"
},
"repository": "https://github.com/bluebill1049/flip-number.git",
"author": "beier luo",
"license": "Mit",
"repository": {
"type": "git",
"url": "git+https://github.com/npm/deprecate-holder.git"
},
"author": "",
"license": "ISC",
"bugs": {
"url": "https://github.com/bluebill1049/flip-number/issues"
"url": "https://github.com/npm/deprecate-holder/issues"
},
"devDependencies": {
"babel-cli": "^6.24.1",
"babel-eslint": "^8.2.3",
"babel-plugin-transform-flow-strip-types": "^6.22.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-flow": "^6.23.0",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-0": "^6.24.1",
"enzyme": "^3.3.0",
"enzyme-adapter-react-16": "^1.1.1",
"eslint": "^4.19.1",
"eslint-config-airbnb": "^16.1.0",
"eslint-plugin-babel": "^5.1.0",
"eslint-plugin-flowtype": "^2.46.3",
"eslint-plugin-import": "^2.7.0",
"eslint-plugin-jsx-a11y": "^6.0.3",
"eslint-plugin-react": "^7.1.0",
"flow-bin": "^0.71.0",
"flow-typed": "^2.4.0",
"jest": "^22.4.3",
"react": "16.3.2",
"react-dom": "16.3.2",
"react-test-renderer": "^16.3.2",
"rimraf": "^2.6.1"
},
"peerDependencies": {
"react": ">= 15.6.1",
"react-dom": ">= 15.6.1"
},
"dependencies": {
"lodash": "^4.17.10",
"react-simple-animate": "^1.9.0"
}
"homepage": "https://github.com/npm/deprecate-holder#readme",
"dependencies": {}
}

@@ -1,56 +0,5 @@

[![npm version](https://img.shields.io/npm/v/flip-ya-nuumbers.svg?style=flat-square)](https://www.npmjs.com/package/flip-ya-nuumbers)
[![npm downloads](https://img.shields.io/npm/dm/flip-ya-nuumbers.svg?style=flat-square)](https://www.npmjs.com/package/flip-ya-nuumbers)
[![npm](https://img.shields.io/npm/dt/flip-ya-nuumbers.svg?style=flat-square)](https://www.npmjs.com/package/flip-ya-nuumbers)
[![npm](https://img.shields.io/npm/l/flip-ya-nuumbers.svg?style=flat-square)](https://www.npmjs.com/package/flip-ya-nuumbers)
# Deprecated Package
> **Make number animation looks sexy** :clap:
This package is no longer supported and has been deprecated. To avoid malicious use, npm is hanging on to the package name.
Features:
* Flip your nubmer in 3D space
* Super easy to use
## Install
$ yarn add flip-ya-numbers
or
$ npm install flip-ya-numbers -S
<p align="center">
<img width="300" src="https://raw.githubusercontent.com/bluebill1049/flip-ya-nuumbers/master/example/flip-ya-nuumbers.gif" alt="Flip your number" />
</p>
## Quick start
import react from 'react';
import FlipNumbers from 'flip-ya-nuumbers';
export default function SexyComponent(props) {
return <div>
<FlipNumbers
height="12px"
width="12px"
color="red"
background="white"
startAnimation
numbersToDisplay"12345"
/>
</div>;
}
## API
| Prop | Type | Required | Description |
| :-------------------- | :------- | :------: | :------------------------------------------------------------------------------------- |
| `numbers` | string | ✓ | |
| `nonNumberStyle` | string | | Css inline style for not number eg , : . |
| `height` | number | ✓ | Individual number height |
| `width` | number | ✓ | Individual number width |
| `color` | string | ✓ | Number color |
| `background` | string | ✓ | Background color |
| `perspective` | number | | Css 3D transition perspective |
| `durationSeconds` | number | | |
| `delaySeconds` | number | | |
| `startAnimation` | boolean | ✓ | Start the animation |
Please contact support@npmjs.com if you have questions about this package.
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc