react-insta-stories
NPM

Create Instagram like stories on the web using React


npm i react-insta-stories

Documentation →

Made with ♥ by @mohitk05

◀ Tap left for previous story

▶︎ Tap right for next story

◉ Press and hold to pause


Updates [V2.2.2]

1. Server-side rendering bug fix (#51 and others)

Updates [V2.2.1]

1. Bug fixes (#130)

Updates [V2.1.2]

1. Pass in renderers to switch story UI according to certain conditions

2. Internal code structure changed keeping in mind long-term maintainability

3. Community based pluggable renderers possible now

4. Optional keyboard navigation

5. Bug fixes

Read more here →


Updates [V2.0.0]

1. Render your own components/JSX in stories

2. Create multiple instances to recreate stories by multiple users easily, jump to stories using props

3. Prop based control, event callbacks

4. Custom JSX gives control to pause/play story

5. (for devs) TypeScript 🎉

6. (for devs) Updated for easier feature additions, hooks


Updates [V1.4.1]

1. Stories stretch to fill screen by default

2. Style story content using 'storyStyles' prop 💅

3. Add individual styling to each story


Updates [V1.4.0]

1. 'See more' feature added 🤳

2. Video playback fixes


Updates [V1.3.0]

1. Video support added 🎉

2. babel-polyfill error fix 👾

3. Changed progress animation to plain CSS


Updates [V1.2.0]

1. Now you can add a header to the story

2. Image aspect ratio retained if story size changed (fix)


Know more about me here: mohitkarekar.com

The new version is here.

This is the new story.

Now render React components right into your stories.

Possibilities are endless, like here - here's a code block!

console.log('Hello, world!')

Or here, an image!


Perfect. But there's more! →