Loading page
sage w. 판매
TypeScript React frontend built with Vite, Tailwind CSS, and React Router featuring a parallax scrolling narrative experience. Includes custom hooks for scroll-reveal animations and parallax effects, responsive design with Unsplash image integration, and a polished loading state with error handling. Perfect for building immersive storytelling websites or portfolio showcases. Licensed under Tetrees License.
Frontend 95AL is a TypeScript-based React frontend application featuring a sophisticated parallax scrolling narrative experience. Built with Vite, React 19, and Tailwind CSS, it showcases a multi-layered scrolling interface with animated scene transitions, parallax effects, and scroll-reveal animations. The application tells a poetic story across four chapters with an interlude and footer, demonstrating advanced scroll-based visual effects and responsive design patterns.
npm install
npm run dev
Starts the Vite development server with hot module replacement. The app loads with a custom loading spinner and automatically detects when the React app is ready.
npm run build
Compiles TypeScript and bundles the application for production.
npm run preview
Serves the production build locally for testing.
npm run typecheck
Runs TypeScript compiler without emitting files to verify type safety.
npm run lint
Runs ESLint with zero-warning tolerance.
npm run lint:fix
Automatically fixes linting issues.
Root component that orchestrates the narrative flow with four scene chapters, an interlude section, and a footer. Manages the SceneData interface for chapter configuration.
Hero section with multi-layer parallax effects. Uses the useParallax hook to calculate transform values based on scroll progress, creating depth through background, mist, foreground, and title layers.
Reusable narrative section component that renders chapter content with configurable alignment, parallax speed, and background images.
The index.html includes:
Tetrees License
격리된 샌드박스를 띄워 서버에서 바로 실행하세요 — 로컬 설정 불필요.
샌드박스 검증이 완료되었으며 감지된 실행 경로가 통과했습니다.
This React web app completed archive review. Structure, dependency manifests, documentation, functional source, and common risk patterns were checked by the Tetrees verification pipeline; runtime phases are stated separately. Final verified scores after isolated runtime evidence: overall 8.2 and security 9.
Deterministic AVCP artifact review
파이프라인 avcp-2026-08-04.1 · SHA-256 db0b2c4f2cfbafb7…
This version-scoped review deterministically inspects the submitted archive for structure, dependencies, documentation, functional source, and common malicious or high-risk signals. Build and test phases are reported as passed only after an isolated sandbox audition. It is not a guarantee of perfect security.
검토일 2026년 8월 7일
전체 설치 가이드와 연동 프롬프트는 구매 후 열람할 수 있습니다.
이 제품을 AI IDE, 웹 빌더 또는 클라우드 IDE로 바로 가져오세요.
Download your licensed source snapshot from the library, then follow the setup guide in your workspace.
리뷰 10개
Great starting point. Dropped this automation setup straight into the workflow; the README covered every config I needed. Exactly as described.
This is a keeper. Dropped this automation setup straight into the workflow; the README covered every config I needed. Would buy from this seller again.
Shipped with this same week. As someone who automates these all day, typeScript types are actually accurate, no fighting the compiler.
Better than I expected. Used this automation setup to automate my workflow and it cut days off the build.
Clean and well thought out. As someone who automates these all day, no spaghetti — the folder layout is sane.
Really solid work. Components are cleanly separated and easy to extend, and even the tricky env setup was explained well. Minor tweaks needed for my use case but nothing broke.
Clean and well thought out. Dropped "Parallex Design Template" straight into the workflow; examples matched the actual API, which is rare.
Clean and well thought out. Used this automation setup to automate my workflow and it cut days off the build.
Exactly what I needed. As someone who automates these all day, typeScript types are actually accurate, no fighting the compiler.
Clean and well thought out. Dropped "Parallex Design Template" straight into the workflow; docs were clear enough that I never had to open an issue. Exactly as described.
토론을 불러오는 중…