Find Renature Examples and Templates

Use this online renature playground to view and fork renature example apps and templates on CodeSandbox. Click any example below to run it instantly or find templates that can be used as a pre-built solution!

Downshift useSelect with framer motion (forked)

Downshift useSelect with framer motion (forked)

renature-demo

renature: SVG Path Tracing

renature: SVG Path Tracing Renature works great with animating SVG elements as well as HTML elements!

formidable-codesandbox

renature: SVG Path Tracing

renature: SVG Path Tracing Implement simple SVG path tracing animations with renature!

renature: Orbit

renature: Orbit Renature supports simple 2D orbital animations using the useGravity2D hook!

formidable-codesandbox

Downshift useSelect with framer motion

Downshift useSelect with framer motion

renature: Basic Transform

renature: Basic Transform Use renature to power simple, declarative, physics-based animations in your React apps.

formidable-codesandbox

Toast Demo

renature: Multiple CSS Properties

renature: Multiple CSS Properties Renature allows you to animate as many CSS properties as you'd like!

formidable-codesandbox

Blog Post Card

renature: Grouped Animations

renature: Grouped Animations Grouped animations in renature allow you to animate multiple elements at a time from a single configuration!

formidable-codesandbox

renature: Controlled Animations

renature: Controlled Animations Renature's Controller API allows you to start, stop, and pause animations in response to external events like user interaction or API responses.

formidable-codesandbox

renature: Repeat Type

renature: Repeat Type

formidable-codesandbox

renature: Card Flip

renature: Card Flip react-spring's classic card flip animation, implemented in renature.

renature: controller.set

renature: controller.set Renature's controller.set API allows you to imperatively animate your element to any CSS state, at any time!

formidable-codesandbox

renature: Space Animation

renature: Space Animation renature's useGravity2D hook allows you to create beautiful gravity simulations in two dimensions — all with mathematically accurate physics!

renature: SVG Path Tracing (forked)

renature: SVG Path Tracing (forked)Implement simple SVG path tracing animations with renature!

renature-svg-react-animation (forked)

renature-svg-react-animation (forked)

Find more examples or templates