51:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/3z6ke99nzr4_e.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/3ixl4aqv6ylo7.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js"],"S"] 52:T4c7,

Cosmos Player is an interactive audiovisual playground built with Framer 3.0.

Instead of creating music on a traditional timeline, players shape living worlds through sound. Every note, sequence, and interaction influences a dynamic visual universe at the center of the experience—transforming audio into motion, light, and atmosphere in real time.

The project combines a playable synthesizer, generative visual engine, and reactive motion system into a single immersive experience. Notes don't just produce sound; they create energy. Patterns evolve into flowing compositions, while the visual core responds with fluid movement, particle trails, glowing forms, and subtle physics-driven animations.

Designed around Framer's visual language, Cosmos Player focuses on craft, polish, and delight. Every interaction is intentionally smooth, responsive, and tactile—from hovering controls to shaping sequences and discovering new visual states.

What started as a music tool became something closer to a creative toy: a space where sound, motion, and exploration blend together into an experience people naturally want to keep playing with.

Built entirely with Framer 3.0 agents.

53:T70f,

A clean, minimal, and modern navigation bar component designed for SaaS websites, startup landing pages, portfolios, product pages, and web apps. This navbar gives your website a polished first impression with a simple layout, smooth spacing, and a clear call-to-action button.

Built with a modern dark header style, this component includes a logo area, navigation links, and a standout CTA button. It is fully responsive, making it easy to use across desktop, tablet, and mobile screens without extra setup.

What’s included:

A sleek desktop navigation layout with logo, menu links, and CTA button.Mobile responsive behavior for smaller screens.Clean spacing and balanced alignment.Simple modern design that fits SaaS, startup, agency, and product websites.Easy-to-customize text, links, colors, button style, and logo.Lightweight structure for fast editing inside Framer.

Best for:

SaaS landing pagesStartup websitesProduct websitesPortfolio websitesAgency websitesWeb apps and dashboardsModern business websites

Why use this component:

This navbar is made for creators who want a professional website header without spending time designing from scratch. It keeps the layout simple, readable, and conversion-focused, while still looking premium and modern. Just drop it into your Framer project, update the links and branding, and your website header is ready to go.

Key features:

Modern minimal UIResponsive mobile layoutCustomizable logo and navigation linksEditable CTA buttonClean dark header designBeginner-friendly Framer componentWorks well with landing pages and multi-page websites

Perfect for anyone building a fast, clean, and professional website in Framer.

50:["$","$L51",null,{"value":{"fallback":{"$inf$activity-creator-dc206104-d625-497d-9f6c-536cce4eaff4-all:/unified/creator/dc206104-d625-497d-9f6c-536cce4eaff4/activity/":[{"data":[{"id":"019ee1b8-01d9-73d9-97ba-a55265dbe5e2","type":"post.liked","target":{"type":"post","id":"019ed69f-5f67-727b-a792-761a85149e12","preview":"What does your name sound like on a tabla? Or a sitar? This turns every letter you type into an actual note or rhythmic syllable from Indian classical music - then lets it dissolve into the air, the way sound naturally does. Pick an instrument, type your name, and listen.\"","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"What does your name sound like on a tabla? Or a sitar? This turns every letter you type into an actual note or rhythmic syllable from Indian classical music - then lets it dissolve into the air, the way sound naturally does. Pick an instrument, type your name, and listen.\""}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed69f-5f67-727b-a792-761a85149e12","like":{"count":274,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":null,"actors":[{"id":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg","slug":"sketchbase","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-19T21:09:53.237Z","latestAt":"2026-06-19T21:09:53.237Z"},{"id":"019ed5b9-8beb-712b-80df-cd3713e9c559","type":"comment.created","target":{"type":"post","id":"019ed450-4cb6-73ae-93cc-0b8efa561c53","preview":"Made a hydrogen orbital visualizer with Framer Agent.\nPick a quantum state, watch it morph. Presets, live formula, piano sounds — the whole thing. This beautiful visualization perfectly matches Framer's aesthetic.","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Made a hydrogen orbital visualizer with Framer Agent.","marks":[{"type":"bold"},{"type":"italic"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Pick a quantum state, watch it morph. Presets, live formula, piano sounds — the whole thing. This beautiful visualization perfectly matches Framer's aesthetic.","marks":[{"type":"italic"}]}]}]},"thumbnail":null,"targetDeleted":false,"owned":false,"actions":{"postId":"019ed450-4cb6-73ae-93cc-0b8efa561c53","like":{"count":155,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"019ed5b9-8bd0-76e8-93b6-90004f4d47de","preview":"Feels like I'm on psychedelic","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Feels like I'm on psychedelic"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"019ed450-4cb6-73ae-93cc-0b8efa561c53","like":{"count":1,"liked":false},"reply":{"parentCommentId":"019ed5b9-8bd0-76e8-93b6-90004f4d47de"},"repost":null}},"actors":[{"id":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg","slug":"sketchbase","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-06-17T13:16:07.531Z","latestAt":"2026-06-17T13:16:07.531Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:dc206104-d625-497d-9f6c-536cce4eaff4:/unified/posts/?creator=dc206104-d625-497d-9f6c-536cce4eaff4&with=reposts":[{"data":[{"id":"019ed631-5706-764a-bb6b-5f52801debdd","title":null,"body":"

Introducing Cosmos. Build inside Framer. Guys please support me , Please do upvote my Framer Hackathon Entry.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Cosmos. Build inside Framer. Guys please support me , Please do upvote my Framer Hackathon Entry. "}]}]},"author":{"framerUserId":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","slug":"sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[{"id":"019ed631-5706-764a-bb6b-606e274bcf6d","contestId":"agents-hackathon","author":{"framerUserId":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","slug":"sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg"},"title":"Cosmos","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cosmos Player is an interactive audiovisual playground built with Framer 3.0."}]},{"type":"paragraph","content":[{"type":"text","text":"Instead of creating music on a traditional timeline, players shape living worlds through sound. Every note, sequence, and interaction influences a dynamic visual universe at the center of the experience—transforming audio into motion, light, and atmosphere in real time."}]},{"type":"paragraph","content":[{"type":"text","text":"The project combines a playable synthesizer, generative visual engine, and reactive motion system into a single immersive experience. Notes don't just produce sound; they create energy. Patterns evolve into flowing compositions, while the visual core responds with fluid movement, particle trails, glowing forms, and subtle physics-driven animations."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed around Framer's visual language, Cosmos Player focuses on craft, polish, and delight. Every interaction is intentionally smooth, responsive, and tactile—from hovering controls to shaping sequences and discovering new visual states."}]},{"type":"paragraph","content":[{"type":"text","text":"What started as a music tool became something closer to a creative toy: a space where sound, motion, and exploration blend together into an experience people naturally want to keep playing with."}]},{"type":"paragraph","content":[{"type":"text","text":"Built entirely with Framer 3.0 agents."}]}]},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/dc206104-d625-497d-9f6c-536cce4eaff4/5hcu4gyy","metadata":{"tint":{"h":0,"s":0,"l":3},"width":953,"height":634}}],"post":null,"data":{"previewUrl":"https://cosmosplayer.framer.website/"},"winner":false,"createdAt":"2026-06-17T15:26:58.388Z","updatedAt":"2026-06-17T15:26:58.388Z"}],"categories":[],"tags":[],"likes":{"count":13,"liked":false},"comments":{"count":2},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-06-17T15:26:58.325Z","updatedAt":"2026-06-17T15:26:58.325Z"},{"id":"019e7f81-eb43-7b4d-9efe-1ebabd95ce22","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","slug":"sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"NWDokWMkaXElGxHAHuga","resolved":true,"title":"Modernic Nav Bar","body":"$53","bodyJson":null,"introduction":"Modern Nav Bar (Responsive)","slug":"modernic-nav-bar","author":{"framerUserId":"dc206104-d625-497d-9f6c-536cce4eaff4","name":"Sketchbase","slug":"sketchbase","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1953228/avatar-VqOtp9L1CwFCo4pf3YzYlHmJ42VTIS.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/NWDokWMkaXElGxHAHuga/modernic-nav-bar-NuElZTTAZonYmOHIPXOYqsqJdl8wsc","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-05-22T14:09:47.210Z","updatedAt":"2026-05-30T14:08:04.224Z","publishedAt":"2026-05-31T19:28:01.347Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Modernic-Nav-Bar-LYUdrD.js@82FSRHRhOaJNCZy4K6hn","previewUrl":"https://modernic.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"4c691677-c621-4041-a908-cbc2d3272658","name":"Navigation","slug":"navigation"}],"lastSaveId":"82FSRHRhOaJNCZy4K6hn","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":18,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-31T19:28:01.347Z","updatedAt":"2026-05-31T19:28:01.347Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L54"}]