Discover
Find a component that fits your creative purpose.
VINSTOCK / Product Library
Product guides.
Choose what you want to learn. Explore practical concepts, supported outputs, and step-by-step workflows across VINSTOCK.
Choose what
you want to learn.
Start with a product, or follow a practical workflow from discovery through delivery.
Runtime Components
Customize and deliver interactive HTML experiences for websites and applications.
Explore guide ↗
Motion Asset Exporter
Render compatible motion HTML as transparent WebM or MOV video, or PNG image sequences.
Explore guide ↗
Motion Studio
Arrange motion HTML, video, and audio on a shared timeline for video production.
Explore guide ↗
HTML Composer
Arrange, crop, and combine motion HTML elements into a reusable composition.
Explore guide ↗
AI-assisted workflows
Explore AI-ready preset documents and shared themes for compatible generators.
Explore guide ↗
Product experiences
Use responsive layouts, motion, and interaction to make product stories more explorable.
Explore guide ↗One component ecosystem.
Connected creative workflows.
Create or discover a component, customize it, save outputs, and bring them into compatible VINSTOCK tools.
Available steps and delivery options depend on the component and product workflow.
Runtime Components.
Go beyond a static design handoff. Work with editable HTML components that can preserve supported interactions, motion, and responsive behavior in a live environment.
- Edit content and supported visual parameters
- Validate the experience before delivery
- Choose a suitable web delivery approach
- Reuse components across compatible projects
Three tools.
One connected motion workflow.
Render motion assets, compose timelines, or combine reusable HTML elements. Select the tool that fits the task.
From HTML motion to transparent assets.
Render compatible motion HTML as transparent video for layering over footage, or export PNG sequences for frame-based workflows.
- Transparent WebM or MOV video
- PNG sequence export
- Edit the source component before rendering
- Reuse exported assets in downstream video workflows
Validate media rights and export compatibility before rendering.
Build complete video compositions.
Arrange multiple motion HTML elements, video clips, and audio tracks on a common timeline. Coordinate timing and media in a video production workflow.
- Multiple motion HTML elements
- Video and audio sources
- Timeline-based arrangement
- Video export workflow with format choices
Specific export codecs and audio features depend on implementation.
Combine HTML. Keep the composition reusable.
Arrange and crop multiple motion HTML elements on a canvas, then choose a suitable delivery path.
- Input: multiple Motion HTML components
- Arrange, crop, and compose on one canvas
- Combined HTML for Motion Asset Exporter, Motion Studio, or wrappers
- Wrapped HTML through Canvas Wrapper or Iframe Wrapper
Use AI to explore variations.
Keep them editable.
Runtime and Motion workflows provide AI-ready documents for generating preset values, alongside shared theme capabilities for coordinated visual directions.
Graphics & Print
are planned directions.
VINSTOCK’s longer-term discovery model may extend eligible visual components into additional digital and print workflows.
Graphics
A planned direction for adapting eligible visual components into digital campaign and social graphics.
A planned direction for print-oriented delivery, subject to suitable output and preflight workflows.
Graphics and Print are not included in the first release described by the product plan.
Frequently asked questions.
A few practical details to help you choose the right product workflow.
Runtime focuses on live, interactive component delivery. Motion workflows focus on transparent asset rendering, timeline-based video, and composing motion HTML. Suitable underlying components may be shared between them.
Explore what comes nextFrom understanding
From understanding
to creating.
Explore editable components, try a supported workflow, and discover what you can build with VINSTOCK.
