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・Webビルダー・クラウドIDEに直接取り込みます。
Tetreesを対応AI IDEに接続し、所有製品の一覧取得と検証済みZIPの取得を、販売者のアップロード権限を公開せずに行えます。
レビュー 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.
Sign in to join the discussion
Loading discussion…