Aleksei Sushkov

The prototype shows how you can separate the work on the prototype’s interface and data using API-like functions.

Inside, there is a set of functions that allow you to get/set data within overrides. You need to call a specific function with parameters to update the state of the prototype. And, all data manipulations are hidden inside the data provider object and allow you to work with it separately.

🎛 Example: API-like data handling

Example of using useTransform and MotionValue based on scroll position.

🎛 Example: useTransform and MotionValue

**⚠️ It may not work in Safari**

A demonstration of how to translate your projects in Framer using additional libs like super-simple-i18n or Intl.

- [super-simple-i18n / Git repo and docs](https://github.com/alexssh/super-simple-i18n)
- [Intl docs](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl)

🎛 Example: Advanced Internationalization (i18n)

Advanced Internationalization (i18n)

A demonstration of how to translate your projects in Framer.

Without additional libraries except those provided by Framer.


🎛 Example: Internationalization (i18n)

Internationalization (i18n)

A set of useful hooks for prototyping and development collected from all over the Internet.

A demonstration of how to use hooks in Framer and NPM modules.

- [Git repo and docs](https://github.com/alexssh/react-hooks)
- [NPM module](https://www.npmjs.com/package/react-hooks-framer)

🎛 Example: Useful React Hooks

Useful React Hooks

Explore interactive designs from Framer users all over the world. Like, share, or submit one of your own.