Usually when we look at animated content on the web, it is driven by time or discrete state events. This library provides a UI framework and tools built for reactive animations which can be driven by any observable aciton -- scroll position, drag position, time, or others. This library builds on top of framer-motion.
[See the library](https://thebigsasha.github.io/responsive "Storybook")
See this library in action at [bsculpture.com](https://bcsculpture.com), [sasharesume.com](https://www.sasharesume.com), [sashaphoto.ca](https://sashaphoto.ca) and more!
This library focuses on complex, interactive, animated components, almost all of which must `"use-client"`. For simpler, SSR friendly components, check out [tbsui-ssr](https://www.npmjs.com/package/tbsui-ssr)
This library also provides numerous common components such as modals, cards, and navigation bars which are provided as minimal blank slates with only the necessary styling. It is assumed that on the target site, CSS variables will be set to configure the look of this library.
Check out the component library on [storybook](https://thebigsasha.github.io/responsive)
- NPM:
npm i --save tbsui
- Yarn:
yarn add tbsui
- PNMP:
pnpm i tbsui