{"_id":"@0610studio/expo-holographic-card","name":"@0610studio/expo-holographic-card","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"@0610studio/expo-holographic-card","version":"0.1.0","private":false,"packageManager":"pnpm@11.0.9","description":"Holographic tilt and flip card component for Expo and React Native","main":"build/index.js","types":"build/index.d.ts","sideEffects":false,"scripts":{"build":"node internal/module_scripts/build.js","clean":"node internal/module_scripts/clean.js","lint":"eslint src/","test":"node internal/module_scripts/test.js","prepare":"node internal/module_scripts/prepare.js","docs":"pnpm --dir docs start","docs:build":"pnpm --dir docs build","docs:serve":"pnpm --dir docs serve","docs:typecheck":"pnpm --dir docs typecheck","example":"pnpm --dir example start","example:android":"pnpm --dir example android","example:ios":"pnpm --dir example ios","example:typecheck":"pnpm --dir example typecheck","open:ios":"node internal/module_scripts/open-ios.js","open:android":"node internal/module_scripts/open-android.js"},"keywords":["react-native","expo","holo-card","holographic-card","skia","reanimated"],"repository":{"type":"git","url":"git+https://github.com/0610studio/expo-holographic-card.git"},"bugs":{"url":"https://github.com/0610studio/expo-holographic-card/issues"},"author":{"name":"0610studio","email":"0610studio@naver.com"},"license":"MIT","homepage":"https://0610studio.github.io/expo-holographic-card/","publishConfig":{"access":"public"},"devDependencies":{"@babel/core":"^7.26.0","@shopify/react-native-skia":"2.6.2","@types/jest":"^29.2.1","@types/react":"~19.2.0","babel-preset-expo":"~56.0.14","eslint":"~9.39.4","eslint-config-universe":"^15.0.3","expo":"^56.0.7","expo-sensors":"~56.0.5","jest":"^29.7.0","jest-expo":"~56.0.4","prettier":"^3.0.0","react":"^19.2.3","react-native":"^0.85.3","react-native-gesture-handler":"~2.31.1","react-native-reanimated":"4.3.1","typescript":"^5.9.2"},"jest":{"preset":"jest-expo/node","roots":["/src"],"transform":{"^.+\\.[jt]sx?$":["babel-jest",{"presets":["babel-preset-expo"]}]}},"peerDependencies":{"@shopify/react-native-skia":">=2.6.0","expo":">=56.0.0","expo-sensors":">=56.0.0","react":"*","react-native":">=0.85.0","react-native-gesture-handler":">=2.31.0","react-native-reanimated":">=4.3.0 <5.0.0"},"gitHead":"f6ddaf5182789f5271781f0723d51acc561ba580","_id":"@0610studio/expo-holographic-card@0.1.0","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-F+K+C89VpzDlJj1I66Q6Sn2g5mmmgYpuUYUCZvzaNnwjR6rbMRkCS8xiD9/IsgeyZPdq3wJ7n2t0AEBcULUt3g==","shasum":"b6cd3ba1b2fe09f348b667849d66dfcfc3dd9ce4","tarball":"https://registry.npmjs.org/@0610studio/expo-holographic-card/-/expo-holographic-card-0.1.0.tgz","fileCount":51,"unpackedSize":116803,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDP61GhIrP9Oc+PZhqr8YyhNoBsU68l5N/TupUmqBeQEwIhAPapEUxrrJ81evFc5SnEh89rX/1hpBVDKgKIgO/oc3lj"}]},"_npmUser":{"name":"suuuk3","email":"suuuk3@naver.com"},"directories":{},"maintainers":[{"name":"suuuk3","email":"suuuk3@naver.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/expo-holographic-card_0.1.0_1780540803529_0.06689846740261607"},"_hasShrinkwrap":false}},"time":{"created":"2026-06-04T02:40:03.334Z","0.1.0":"2026-06-04T02:40:03.688Z","modified":"2026-06-04T02:40:03.953Z"},"maintainers":[{"name":"suuuk3","email":"suuuk3@naver.com"}],"description":"Holographic tilt and flip card component for Expo and React Native","homepage":"https://0610studio.github.io/expo-holographic-card/","keywords":["react-native","expo","holo-card","holographic-card","skia","reanimated"],"repository":{"type":"git","url":"git+https://github.com/0610studio/expo-holographic-card.git"},"author":{"name":"0610studio","email":"0610studio@naver.com"},"bugs":{"url":"https://github.com/0610studio/expo-holographic-card/issues"},"license":"MIT","readme":"# @0610studio/expo-holographic-card\n\nHolographic card components for Expo and React Native. It combines Skia lighting, 3D tilt, tap/swipe flip, and optional device-motion control in one component.\n\nDocumentation: https://0610studio.github.io/expo-holographic-card/\n\n## Demos\n\n\n \n \n \n \n \n
\n Horizontal card
\n \n \"Horizontal\n
\n Watch video\n 		\n Vertical card
\n \n \"Vertical\n
\n Watch video\n 		\n Photo card
\n \n \"Photo\n
\n Watch video\n
\n\n## Installation\n\n```sh\nnpx expo install @0610studio/expo-holographic-card @shopify/react-native-skia react-native-reanimated react-native-gesture-handler expo-sensors\n```\n\n`AnimatedCard` uses `GestureDetector`, so wrap your app root with `GestureHandlerRootView`. If your project needs Reanimated's Babel plugin, add `react-native-reanimated/plugin` to your Babel config.\n\n## Quick Start\n\n```tsx\nimport AnimatedCard, { CardOrientation, LightingType } from '@0610studio/expo-holographic-card';\n\nexport function CardPreview() {\n return (\n \n );\n}\n```\n\n## Custom Faces\n\n```tsx\nimport { AnimatedCard, CardOrientation, DefaultCardBack } from '@0610studio/expo-holographic-card';\nimport { Text, View } from 'react-native';\n\nexport function CustomCard() {\n return (\n (\n \n HOLO CARD\n HOLO PASS\n \n )}\n backComponent={({ width, height }) => (\n \n )}\n />\n );\n}\n```\n\n## Local Development\n\n```sh\npnpm install\npnpm build\npnpm test --runInBand\npnpm --dir example typecheck\npnpm docs:build\n```\n\nExample app:\n\n```sh\npnpm example\npnpm example:ios\npnpm example:android\n```\n\n## Support\n\n- Tested with Expo 56 and React Native 0.85+.\n- Lighting layers are rendered with `@shopify/react-native-skia`.\n- Tilt and flip animations use `react-native-reanimated` and `react-native-gesture-handler`.\n- Sensor mode uses `DeviceMotion` from `expo-sensors`.\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-e0b9a5f1d0022fe0e86efc3a18c3b673"}