Resources
Desktop app
Marketplace
Community
Developers
Wallpapers
Meetups
Company
Security
Careers
Report
Status
Legal
Blog
Creators
Program
Payouts
Experts
Awards
Events
Brand
Compare
Squarespace
Wordpress
Unbounce
Webflow
Figma
Wix
Solutions
Figma to HTML
Website builder
Portfolio maker
Landing pages
UI/UX design
No-code
Socials
Instagram
X Twitter
YouTube
LinkedIn
Threads
TikTok
    Component preview thumbnail
    MarketplaceComponents

    Night Sky Particles

    Night Sky Particles — A stunning animated background featuring twinkling and drifting star-like particles, perfect for immersive hero sections, landing pages, or magical UI moments

    Ulvin
    Ulvin
    Creator
    1mo ago
    Updated
    1
    Installs
    Ulvin
    Ulvin
    Creator
    1mo ago
    Updated
    1
    Installs

    Made with Workshop

    Build your own component with AI


    About this Component

    Illuminate your designs with Night Sky Particles, a mesmerizing Framer component that brings the cosmos to your canvas. Perfect for dreamy headers, intros, or ambient backgrounds, this component combines smooth motion, subtle glimmer, and visual depth:

    • Animated Particle Field — Soft, glowing particles drift and flicker like stars across the screen, creating a calming, immersive ambiance.

    • Customizable Visuals — Control particle density, size, speed, glow intensity, and color palette—from cool stars to warm twilight hues.

    • Responsive & Lightweight — Built to perform beautifully across devices, this component ensures smooth animations without compromising load time.

    • Optional Interactive Twinkle — Make particles respond to cursor movement or touch input—hover to enhance glow or trigger subtle trails.

    • Easy Integration — Drag-and-drop ready in Framer, with property controls directly editable in the canvas—no coding required.

    • Use Cases

      • Hero banners and welcome screens with a touch of magic

      • App intros or onboarding flows for ambient mood-setting

      • Section dividers with soft motion to guide user focus

      • Fantasy, travel, or night-themed websites looking for immersive flair

    Transform static pages into celestial experiences with Night Sky Particles—a simple yet enchanting way to elevate your UI with atmospheric motion.

    Framer
    EnterprisePricing
    LoginSign up
    Enterprise
    Pricing
    Login
    Sign up
    Marketplace
    TemplatesPluginsComponents
    Templates
    Plugins
    Components
    Support
    About ComponentsRefund PolicyContact Creator

    More Components

    See All →
    Thumbnail for ImageShuffleGrid, a Framer Marketplace template by DragFrame.
    ImageShuffleGrid
    $10
    DragFrame
    Thumbnail for Multi Step Form, a Framer Marketplace template by Nabeel.
    Multi Step Form
    $19
    Nabeel
    Thumbnail for Dark mode video, a Framer Marketplace template by Taha.
    Dark mode video
    $5
    Taha
    Thumbnail for 3D Video element, a Framer Marketplace template by Serafim 193.
    3D Video element
    $10
    Serafim 193
    Thumbnail for SatelliteIcons, a Framer Marketplace template by Woslow.
    SatelliteIcons
    $5
    Woslow
    Thumbnail for FoilCard, a Framer Marketplace template by Renny Mathew.
    FoilCard
    $5
    Renny Mathew
    Thumbnail for Before/After Video, a Framer Marketplace template by Yashraj Vaghela.
    Before/After Video
    $10
    Yashraj Vaghela
    Thumbnail for Ripple Effect Loader, a Framer Marketplace template by Framer Spark.
    Ripple Effect Loader
    $8
    Framer Spark

    More from Ulvin

    See All →
    Thumbnail for Image Carousel, a Framer Marketplace component by Ulvin.
    Image Carousel
    component · $10
    Ulvin
    Thumbnail for 3D Layer Reveal Effe, a Framer Marketplace component by Ulvin.
    3D Layer Reveal Effe
    component · $5
    Ulvin
    Thumbnail for 3D Angle Card Hover, a Framer Marketplace component by Ulvin.
    3D Angle Card Hover
    component · $5
    Ulvin
    Thumbnail 1 for Innostart, a Framer Marketplace template by Ulvin.Thumbnail 2 for Innostart, a Framer Marketplace template by Ulvin.
    Innostart
    template · Free
    Ulvin
    Thumbnail 1 for iGent, a Framer Marketplace template by Ulvin.Thumbnail 2 for iGent, a Framer Marketplace template by Ulvin.
    iGent
    template · Free
    Ulvin
    Thumbnail 1 for Mini fini, a Framer Marketplace template by Ulvin.Thumbnail 2 for Mini fini, a Framer Marketplace template by Ulvin.
    Mini fini
    template · Free
    Ulvin
    Thumbnail 1 for MINNA, a Framer Marketplace template by Ulvin.Thumbnail 2 for MINNA, a Framer Marketplace template by Ulvin.
    MINNA
    template · Free
    Ulvin