Soren Page
A source-backed Soren personal portfolio template. It ships the routed home with a Spline 3D hero and live clock, a magnifying macOS-style dock, a GSAP work masonry, a projects list with scramble text, a photos grid, and a sample blog post, all behind a lightweight internal router with Blob-hosted imagery. The Spline scene loads through the official web-component viewer.
npx shadcn@latest add https://ui.aryank.space/r/soren-page.jsonInstalls from ui.aryank.space. To add it by hand, copy the files in Usage below, or register the @compronents namespace via the docs.
| Prop | Type | Default | Description |
|---|---|---|---|
| assetBase | string | "https://ui.aryank.space/assets/soren-page" | Base URL prefixed to every image the template renders. |
| initialPath | "/" | "/work" | "/projects" | "/photos" | "/post" | "/" | Source route mounted first. |
| className / style | string / CSSProperties | undefined | Passed to the root wrapper for sizing and layout. |
initialPathtextWhich source route opens first: /, /work, /projects, /photos, or /post.
assetBaseasset-urlBlob-hosted media starting at https://ui.aryank.space/assets/soren-page/work/work-1.jpg.
gsap@gsap/reactreact-icons