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

react-spinnable

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

react-spinnable

A React component designed to add the ability to easily rotate a target element.

  • 1.0.1
  • latest
  • Source
  • npm
  • Socket score

Version published
Maintainers
1
Created
Source

React Spinnable

Spinnable is a React component designed to add the ability to easily rotate a target element. The motion profile consists of an axis, easing, duration, and displacement among the parameters. The Spinnable component simply wraps a single target element which then becomes spinnable. No adjustments to the original CSS or HTML topography are necessary. The motion action is accomplished by invoking the spinnableApply() and spinnableReset() methods.

Features

  • Callbacks for onStart, onReady, onChange, onComplete
  • Fully configurable spin behavior
  • No adjustments to existing HTML/CSS needed

Learn more

See the demo at http://www.uismithing.com/main/spinnable.

Repository

https://github.com/uismithing/react-spinnable

Install

npm install react-spinnable -s

Deploy

import Spinnable from "react-spinnable"

<Spinnable id="spinnable-example-component" ref="spinnableexample" {...spinnableProfile}>
	<div id="spinnable-example-container" className="spinnable-example"></div>
</Spinnable>

Keywords

FAQs

Package last updated on 10 Mar 2017

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

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