├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── config.yml │ └── feature_request.md └── workflows │ ├── check.yml │ └── demo.yml ├── .gitignore ├── .size-limit.json ├── .storybook ├── main.js ├── manager.js ├── preview.js └── vitest.setup.ts ├── LICENSE ├── README.md ├── demo.gif ├── docs ├── API.md └── interfaces │ ├── AnimationFunctionHandle.md │ ├── AnimationFunctionOptions.md │ ├── AnimationHandle.md │ ├── AnimationOptions.md │ ├── BaseAnimationHandle.md │ ├── ScrollTimelineOpts.md │ ├── TimelineDefinition.md │ ├── TransitionAnimationHandle.md │ ├── TransitionAnimationOptions.md │ ├── TransitionGroupProps.md │ ├── TypedKeyframeEffectOptions.md │ └── ViewTimelineOpts.md ├── images ├── demo-chart.gif └── demo-scroll.gif ├── package.json ├── rollup.config.js ├── src ├── @types │ └── index.d.ts ├── core │ ├── index.ts │ ├── utils.spec.ts │ ├── utils.ts │ ├── waapi.spec.ts │ └── waapi.ts ├── index.ts └── react │ ├── components │ ├── TransitionGroup.tsx │ └── index.ts │ ├── hooks │ ├── __snapshots__ │ │ ├── useAnimation.ssr.spec.tsx.snap │ │ └── useAnimationFunction.ssr.spec.tsx.snap │ ├── index.ts │ ├── state.ts │ ├── useAnimation.ssr.spec.tsx │ ├── useAnimation.ts │ ├── useAnimationFunction.ssr.spec.tsx │ ├── useAnimationFunction.ts │ ├── useIsomorphicLayoutEffect.ts │ ├── useLatestRef.ts │ ├── useScrollTimeline.ts │ ├── useStatic.ts │ ├── useTransitionAnimation.ts │ └── useViewTimeline.ts │ ├── index.ts │ └── types │ ├── index.ts │ └── internal.ts ├── stories ├── hooks │ ├── useAnimation.stories.tsx │ ├── useAnimationFunction.stories.tsx │ ├── useScrollTimeline.stories.tsx │ ├── useTransitionAnimation.stories.tsx │ └── useViewTimeline.stories.tsx └── with-libraries │ ├── css-in-js │ ├── emotion.stories.tsx │ ├── styled-components.stories.tsx │ ├── vanilla-extract.css.ts │ └── vanilla-extract.stories.tsx │ └── ui-components │ ├── Ant Design.stories.tsx │ ├── Chakra UI.stories.tsx │ ├── Fluent UI.stories.tsx │ ├── Material UI.stories.tsx │ └── mantine.stories.tsx ├── tsconfig.json ├── typedoc.json └── vitest.config.ts /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.github/ISSUE_TEMPLATE/bug_report.md -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: true 2 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.github/ISSUE_TEMPLATE/feature_request.md -------------------------------------------------------------------------------- /.github/workflows/check.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.github/workflows/check.yml -------------------------------------------------------------------------------- /.github/workflows/demo.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.github/workflows/demo.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | lib 3 | node_modules 4 | -------------------------------------------------------------------------------- /.size-limit.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.size-limit.json -------------------------------------------------------------------------------- /.storybook/main.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.storybook/main.js -------------------------------------------------------------------------------- /.storybook/manager.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.storybook/manager.js -------------------------------------------------------------------------------- /.storybook/preview.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.storybook/preview.js -------------------------------------------------------------------------------- /.storybook/vitest.setup.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/.storybook/vitest.setup.ts -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/README.md -------------------------------------------------------------------------------- /demo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/demo.gif -------------------------------------------------------------------------------- /docs/API.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/API.md -------------------------------------------------------------------------------- /docs/interfaces/AnimationFunctionHandle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/AnimationFunctionHandle.md -------------------------------------------------------------------------------- /docs/interfaces/AnimationFunctionOptions.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/AnimationFunctionOptions.md -------------------------------------------------------------------------------- /docs/interfaces/AnimationHandle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/AnimationHandle.md -------------------------------------------------------------------------------- /docs/interfaces/AnimationOptions.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/AnimationOptions.md -------------------------------------------------------------------------------- /docs/interfaces/BaseAnimationHandle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/BaseAnimationHandle.md -------------------------------------------------------------------------------- /docs/interfaces/ScrollTimelineOpts.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/ScrollTimelineOpts.md -------------------------------------------------------------------------------- /docs/interfaces/TimelineDefinition.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/TimelineDefinition.md -------------------------------------------------------------------------------- /docs/interfaces/TransitionAnimationHandle.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/TransitionAnimationHandle.md -------------------------------------------------------------------------------- /docs/interfaces/TransitionAnimationOptions.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/TransitionAnimationOptions.md -------------------------------------------------------------------------------- /docs/interfaces/TransitionGroupProps.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/TransitionGroupProps.md -------------------------------------------------------------------------------- /docs/interfaces/TypedKeyframeEffectOptions.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/TypedKeyframeEffectOptions.md -------------------------------------------------------------------------------- /docs/interfaces/ViewTimelineOpts.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/docs/interfaces/ViewTimelineOpts.md -------------------------------------------------------------------------------- /images/demo-chart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/images/demo-chart.gif -------------------------------------------------------------------------------- /images/demo-scroll.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/images/demo-scroll.gif -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/package.json -------------------------------------------------------------------------------- /rollup.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/rollup.config.js -------------------------------------------------------------------------------- /src/@types/index.d.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/@types/index.d.ts -------------------------------------------------------------------------------- /src/core/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/core/index.ts -------------------------------------------------------------------------------- /src/core/utils.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/core/utils.spec.ts -------------------------------------------------------------------------------- /src/core/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/core/utils.ts -------------------------------------------------------------------------------- /src/core/waapi.spec.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/core/waapi.spec.ts -------------------------------------------------------------------------------- /src/core/waapi.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/core/waapi.ts -------------------------------------------------------------------------------- /src/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/index.ts -------------------------------------------------------------------------------- /src/react/components/TransitionGroup.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/components/TransitionGroup.tsx -------------------------------------------------------------------------------- /src/react/components/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/components/index.ts -------------------------------------------------------------------------------- /src/react/hooks/__snapshots__/useAnimation.ssr.spec.tsx.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/__snapshots__/useAnimation.ssr.spec.tsx.snap -------------------------------------------------------------------------------- /src/react/hooks/__snapshots__/useAnimationFunction.ssr.spec.tsx.snap: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/__snapshots__/useAnimationFunction.ssr.spec.tsx.snap -------------------------------------------------------------------------------- /src/react/hooks/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/index.ts -------------------------------------------------------------------------------- /src/react/hooks/state.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/state.ts -------------------------------------------------------------------------------- /src/react/hooks/useAnimation.ssr.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useAnimation.ssr.spec.tsx -------------------------------------------------------------------------------- /src/react/hooks/useAnimation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useAnimation.ts -------------------------------------------------------------------------------- /src/react/hooks/useAnimationFunction.ssr.spec.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useAnimationFunction.ssr.spec.tsx -------------------------------------------------------------------------------- /src/react/hooks/useAnimationFunction.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useAnimationFunction.ts -------------------------------------------------------------------------------- /src/react/hooks/useIsomorphicLayoutEffect.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useIsomorphicLayoutEffect.ts -------------------------------------------------------------------------------- /src/react/hooks/useLatestRef.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useLatestRef.ts -------------------------------------------------------------------------------- /src/react/hooks/useScrollTimeline.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useScrollTimeline.ts -------------------------------------------------------------------------------- /src/react/hooks/useStatic.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useStatic.ts -------------------------------------------------------------------------------- /src/react/hooks/useTransitionAnimation.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useTransitionAnimation.ts -------------------------------------------------------------------------------- /src/react/hooks/useViewTimeline.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/hooks/useViewTimeline.ts -------------------------------------------------------------------------------- /src/react/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/index.ts -------------------------------------------------------------------------------- /src/react/types/index.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/types/index.ts -------------------------------------------------------------------------------- /src/react/types/internal.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/src/react/types/internal.ts -------------------------------------------------------------------------------- /stories/hooks/useAnimation.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/hooks/useAnimation.stories.tsx -------------------------------------------------------------------------------- /stories/hooks/useAnimationFunction.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/hooks/useAnimationFunction.stories.tsx -------------------------------------------------------------------------------- /stories/hooks/useScrollTimeline.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/hooks/useScrollTimeline.stories.tsx -------------------------------------------------------------------------------- /stories/hooks/useTransitionAnimation.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/hooks/useTransitionAnimation.stories.tsx -------------------------------------------------------------------------------- /stories/hooks/useViewTimeline.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/hooks/useViewTimeline.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/css-in-js/emotion.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/css-in-js/emotion.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/css-in-js/styled-components.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/css-in-js/styled-components.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/css-in-js/vanilla-extract.css.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/css-in-js/vanilla-extract.css.ts -------------------------------------------------------------------------------- /stories/with-libraries/css-in-js/vanilla-extract.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/css-in-js/vanilla-extract.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/ui-components/Ant Design.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/ui-components/Ant Design.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/ui-components/Chakra UI.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/ui-components/Chakra UI.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/ui-components/Fluent UI.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/ui-components/Fluent UI.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/ui-components/Material UI.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/ui-components/Material UI.stories.tsx -------------------------------------------------------------------------------- /stories/with-libraries/ui-components/mantine.stories.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/stories/with-libraries/ui-components/mantine.stories.tsx -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/tsconfig.json -------------------------------------------------------------------------------- /typedoc.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/typedoc.json -------------------------------------------------------------------------------- /vitest.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/inokawa/react-animatable/HEAD/vitest.config.ts --------------------------------------------------------------------------------