Stranger Things Intro Creator

A Node.js library for generating Stranger Things style glowing red text intros. Powered by Stranger Things Intro Creator.

Features

• Generate Stranger Things style animated text intros
• Customize title rows, start text, and end text
• Choose animation speed: slow, medium, or fast
• Full color control — glow color, font color, background
• Export to a self-contained HTML file (no external dependencies)
• Easy-to-use API and CLI interface
• Zero runtime dependencies

Installation

# Install globally (for CLI use)
npm install -g stranger-things-intro-creator

# Or install locally in your project
npm install stranger-things-intro-creator

Usage

CLI

# Basic usage
stranger-things-intro --title1 "STRANGER" --title2 "THINGS" --output intro.html

# With all options
stranger-things-intro \
  --start-text "A Netflix Original" \
  --title1 "MY" \
  --title2 "PROJECT" \
  --end-text "2026" \
  --speed slow \
  --output my-intro.html

# Show help
stranger-things-intro --help

API

const StrangerThingsIntro = require('stranger-things-intro-creator');

// Create a new intro
const intro = new StrangerThingsIntro({
  startText: 'A Dev Story',
  titleRow1: 'BUG',
  titleRow2: 'HUNT',
  endText: '2026',
  speed: 'medium'
});

// Generate HTML string
const html = intro.toHTML();

// Or save directly to a file
intro.saveToFile('intro.html');

Options

| Option | Type | Description | Default | |--------|------|-------------|---------| | startText | string | Text shown before the main title | "" | | titleRow1 | string | First row of the main title (required) | "STRANGER" | | titleRow2 | string | Second row of the main title | "THINGS" | | endText | string | Closing text shown after the title | "" | | speed | string | Animation speed: "slow", "medium", "fast" | "medium" | | glowColor | string | CSS color for the glow effect | "#ff2400" | | fontColor | string | CSS color for the text | "#ff2400" | | backgroundColor | string | Background color | "#000000" |

CLI Options

| Flag | Description | Default | |------|-------------|---------| | --start-text | Text before the main title | "" | | --title1 | First title row | "STRANGER" | | --title2 | Second title row | "THINGS" | | --end-text | Closing text | "" | | --speed | slow | medium | fast | medium | | --glow-color | Glow CSS color | #ff2400 | | --font-color | Text CSS color | #ff2400 | | --bg-color | Background CSS color | #000000 | | --output | Output HTML file path | intro.html | | --help, -h | Show help | — |

Examples

Side Project Intro

const StrangerThingsIntro = require('stranger-things-intro-creator');

const intro = new StrangerThingsIntro({
  startText: 'Introducing',
  titleRow1: 'MY',
  titleRow2: 'APP',
  endText: 'Coming Soon',
  speed: 'medium'
});

intro.saveToFile('launch.html');

Custom Colors

const StrangerThingsIntro = require('stranger-things-intro-creator');

const intro = new StrangerThingsIntro({
  titleRow1: 'NEON',
  titleRow2: 'DREAMS',
  speed: 'slow',
  glowColor: '#00ffff',
  fontColor: '#00ffff',
  backgroundColor: '#0a0a0a'
});

intro.saveToFile('cyan-intro.html');

Birthday or Event Intro

const StrangerThingsIntro = require('stranger-things-intro-creator');

const intro = new StrangerThingsIntro({
  startText: 'A Birthday Special',
  titleRow1: "SARAH'S",
  titleRow2: 'SWEET SIXTEEN',
  endText: 'March 15, 2026',
  speed: 'slow'
});

intro.saveToFile('birthday.html');

Get the HTML as a string

const StrangerThingsIntro = require('stranger-things-intro-creator');

const intro = new StrangerThingsIntro({
  titleRow1: 'DARK',
  titleRow2: 'MODE'
});

const html = intro.toHTML();
// Use html string in an Express response, embed in a page, etc.
console.log(html);

Express Integration

const express = require('express');
const StrangerThingsIntro = require('stranger-things-intro-creator');

const app = express();

app.get('/intro', (req, res) => {
  const intro = new StrangerThingsIntro({
    startText: req.query.start || '',
    titleRow1: req.query.title1 || 'STRANGER',
    titleRow2: req.query.title2 || 'THINGS',
    endText:   req.query.end   || '',
    speed:     req.query.speed || 'medium'
  });

  res.setHeader('Content-Type', 'text/html');
  res.send(intro.toHTML());
});

app.listen(3000, () => console.log('Running on http://localhost:3000'));

Visit http://localhost:3000/intro?title1=MY&title2=APP&speed=slow to see it live.

Notes

• Short text works best — aim for 1–3 words per field to match the show's pacing
• Very long phrases may appear cramped during the animation
• The generated HTML is fully self-contained with no external dependencies
• For HD and 4K MP4 video renders, visit strangerthingsintrocreator.com

License

MIT

About

This package is an unofficial open-source tool for generating Stranger Things style text animations in the browser. It is not affiliated with Netflix. For a full visual editor and downloadable video exports, visit Stranger Things Intro Creator.