New
Landing page
ProUpFork Standard LicenseNewFeatured
Aptwork – AI automation SaaS landing page
A dark, motion-rich landing page for an automation or AI SaaS: a three.js data-terrain hero, workflows that actually run, a pinned 3D feature deck, pricing and FAQ. Next.js 16, Tailwind 4, GSAP.
by UpForkLanding pageUpdated 3 Oct 2026
About
Aptwork is a landing page template for an automation or AI SaaS: a cinematic, scroll-driven single page where the product demonstrates itself.
Highlights
- 3D data-terrain hero (three.js, custom shaders): about 45,000 dots form a landscape of light that flows toward the viewer, data pins fire like workflow runs, and the field ripples under the pointer. Runs at 60 fps on an integrated laptop GPU.
- Workflows that actually run: product windows where steps light up, data travels along the edges and the execution log fills in, on a pinned, snapping scroll.
- A pinned 3D feature deck: a live code step, and a flow where one step fails, is re-run on its own and the run carries on.
- Split-letter headlines, a sideways rail with a radial fill, pluckable strings that play a note, a 3D integrations fly-through, avatar testimonials, a pricing toggle with counting prices, an FAQ and a "Talk to sales" dialog with validation.
What's included
- Header with mega menus and a mobile drawer, hero, use-case switcher, principles and proof, building-blocks rail, AI bento, build & debug deck, integrations, results, enterprise, testimonials, pricing, FAQ and footer.
- Every word in one file (
data/site.ts), the workflows as data (data/workflows.ts), two colour presets for the 3D scene (ember and ocean), and design tokens in one CSS file. - A README that shows how to re-skin it, replace the copy and wire up the contact form.
Stack
Next.js 16 (App Router, TypeScript) · React 19 · Tailwind CSS 4 · GSAP 3 (ScrollTrigger, SplitText, Flip) · Lenis · three.js · lucide-react
Quality
- Responsive from 360 px phones to wide desktops, with no horizontal scroll.
- Keyboard-accessible menus, dialog and accordion;
prefers-reduced-motionis honoured everywhere. - three.js loads after the page has painted, animations pause off screen, and the static assets are under 1 MB.
Requirements
Node.js 20.9+ and pnpm: pnpm install, then pnpm dev.
All names, companies, people and figures are fictional placeholders.
Downloads
1 release
v1.0.0
Latest3 Oct 2026The first release of Aptwork.
- The full landing page: header with mega menus and a mobile drawer, a 3D data-terrain hero (three.js), a use-case switcher with workflows that run live, a building-blocks rail, an AI bento, a build & debug deck, integrations, results, enterprise, testimonials, pricing, FAQ and a "Talk to sales" dialog.
- Two colour presets for the hero scene:
ember(the default) andocean. - All copy in
data/site.ts, the workflows indata/workflows.ts, design tokens inapp/globals.css. - Next.js 16, React 19, Tailwind CSS 4, GSAP 3, Lenis and three.js. Needs Node.js 20.9+ and pnpm.
See README.md for setup and re-skinning.
aptwork-1.0.0.zipAny system784 KBScanned
a9c417af8c3eb9c0668a60b3a5586060c5d683f6a0c41087372d4831e3dd20c6
It comes with the Pro plan and every plan after it, with the rest of what they include. Get it with Pro
Before you buy
Everything you need to know
How this landing page gets from the preview into your project, and what buyers ask most.
How to use it
From the preview to your project
- 01
Try it in the preview
Switch between light and dark, and resize it to phone and tablet widths, before you decide.
- 02
Get it
Free products are yours with a free account. Paid ones settle in USDT on TRON, sent straight to the wallet on your order.
- 03
Install it
Components go into your project with one shadcn command, dependencies included. Everything else downloads with a checksum.
- 04
Make it yours
It's your code now: rename it, restyle it and wire in your real data.
- 05
Or hand it to your AI
Copy the prompt and let your coding assistant place it in your project, following your conventions.
Yes, a free one: it keeps your order, every payment you make for it and the files together. Free products need it too: without an account you can look and try the live preview, but not download, install or copy anything.
Send the price as a USDT transfer on TRON (TRC-20) to the wallet on your order, shown with its QR code, then paste the transaction ID on the order. It's checked on-chain, and the files unlock once it's confirmed. Paid less? You're asked for the rest.
Yes. The Standard License covers unlimited personal and commercial projects, client work included; just don't resell it on its own. Open-source licenses say so on the product.
Create a CLI token on your account page, put it in your project's .env.local, add UpFork to components.json once, and install with npx shadcn add: free and paid components alike.
Onto your order, in your account. Download links last ten minutes and can be made again.
Releases are scanned for malware and reviewed before anyone can download them, and every file shows its SHA-256 so you can check what you got.
Selling your own work?
Get approved once, then publish components, templates and apps, paid in USDT straight to your own wallet.
Landing pages