https://github.com/needle-engine/scrollytelling-template

https://github.com/needle-engine/scrollytelling-template

Last synced: 9 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/needle-engine/scrollytelling-template
• Owner: needle-engine
• Created: 2025-09-10T16:30:22.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2025-09-10T16:49:35.000Z (9 months ago)
• Last Synced: 2025-09-10T20:42:35.527Z (9 months ago)
• Language: TypeScript
• Size: 2.02 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Scrollytelling Template

This is a basic scrollytelling template and can be used to kickstart creating amazing 3D websites with Needle.

Checkout the [**live example**](https://scrollytelling-2-z23hmxby7c6x.needle.run/)

[![](https://raw.githubusercontent.com/needle-tools/needle-engine-samples/main/package/Editor/Screenshots/Scrollytelling-2.jpg)](https://scrollytelling-2-z23hmxby7c6x.needle.run/)

## Get started

Run the template locally and run `npm i` and then `npm start`.   

Then modify the content or connect it with your 3D editor like Unity or Blender to create new 3D content: It's super easy!

Visit [docs.needle.tools](https://docs.needle.tools) to learn how.

## Content

- `index.html` - Contains a content and page setup. Add or edit content to your liking

- `src/style.css` - The CSS styles for the website

- `src/main.ts` - Here we add some basic javascript to make scrolling smoother or to fade-in and -out the scroll sections when they enter the screen.