Component
Travel in Space Effect for Framer
Created by
About the resource
To use this component, you can customize the star field to create your own version of a space travel effect. Preview controls whether the animation is running or paused on the canvas. When enabled, you’ll see the full animation; when disabled, the stars remain frozen in place.
The Stars group manages how the moving stars behave and appear. Count sets how many stars are visible, giving you either a dense galaxy or a sparse, minimalist sky. Speed controls how quickly the stars move toward the center, while Thickness changes how bold or subtle the streaks look. Opacity determines how visible they are, and Length sets how long the trails stretch across the scene. With Thinning, the streaks gradually taper as they approach the center, and with Shortening, they compress and shrink for added depth.
Radius in defines the inner boundary where stars start fading out as they near the center, while Radius out sets the outer boundary where new stars spawn into view. Together, they control the field of motion.
For styling, Background lets you set the space-like backdrop color, and the Colors group gives full control of the star palette. Use Palette Size to choose between 1 and 5 colors, and then customize each (Color 1–5). Stars will randomly pick from your palette, bringing variation and vibrancy to the scene.
About the resource
To use this component, you can customize the star field to create your own version of a space travel effect. Preview controls whether the animation is running or paused on the canvas. When enabled, you’ll see the full animation; when disabled, the stars remain frozen in place.
The Stars group manages how the moving stars behave and appear. Count sets how many stars are visible, giving you either a dense galaxy or a sparse, minimalist sky. Speed controls how quickly the stars move toward the center, while Thickness changes how bold or subtle the streaks look. Opacity determines how visible they are, and Length sets how long the trails stretch across the scene. With Thinning, the streaks gradually taper as they approach the center, and with Shortening, they compress and shrink for added depth.
Radius in defines the inner boundary where stars start fading out as they near the center, while Radius out sets the outer boundary where new stars spawn into view. Together, they control the field of motion.
For styling, Background lets you set the space-like backdrop color, and the Colors group gives full control of the star palette. Use Palette Size to choose between 1 and 5 colors, and then customize each (Color 1–5). Stars will randomly pick from your palette, bringing variation and vibrancy to the scene.
About the resource
To use this component, you can customize the star field to create your own version of a space travel effect. Preview controls whether the animation is running or paused on the canvas. When enabled, you’ll see the full animation; when disabled, the stars remain frozen in place.
The Stars group manages how the moving stars behave and appear. Count sets how many stars are visible, giving you either a dense galaxy or a sparse, minimalist sky. Speed controls how quickly the stars move toward the center, while Thickness changes how bold or subtle the streaks look. Opacity determines how visible they are, and Length sets how long the trails stretch across the scene. With Thinning, the streaks gradually taper as they approach the center, and with Shortening, they compress and shrink for added depth.
Radius in defines the inner boundary where stars start fading out as they near the center, while Radius out sets the outer boundary where new stars spawn into view. Together, they control the field of motion.
For styling, Background lets you set the space-like backdrop color, and the Colors group gives full control of the star palette. Use Palette Size to choose between 1 and 5 colors, and then customize each (Color 1–5). Stars will randomly pick from your palette, bringing variation and vibrancy to the scene.
The travel in space component properties in Framer.
The travel in space component properties in Framer.
The travel in space component properties in Framer.
