5d:I[333483,["/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/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T756,

NovaOS is a Framer template for AI startups, agent platforms and B2B SaaS teams who want a site that looks like a real product, not a landing page with stock screenshots.

The homepage dashboard is built as live UI. An agent picks up a request, works through its steps, pulls context from connected tools and hands back a finished brief, then does it again. The model picker, context layer, workspace chat, semantic search and workflow pipeline move the same way, so the site never feels static.

Everything else is calm on purpose: a light canvas, one blue accent, DM Sans and Geist, and a staggered reveal on every section.

Key features

7 animated product mockups built as code components
15 pages: Home, Pricing, Company, Integrations, Blog, Careers, Contact, FAQ, Book a Demo, legal and 404
5 CMS collections with category filters on Blog, Careers and Integrations
Monthly and annual pricing toggle
Contact, Book a Demo and Job Application forms
Element-by-element scroll animations and word-by-word heading reveals
Smooth scrolling, off for reduced-motion users
Full text and color style system
19 reusable components
SEO on every page: titles, descriptions, social images, sitemap
Responsive on desktop, tablet and phone

Perfect for

AI startups, agent and automation platforms, developer tools, B2B SaaS and productivity tools.

Good to know

Fonts: DM Sans and Geist (free Google Fonts).
The animated mockups are code components; edit their text in the component code. Everything else is native Framer.
Smooth scrolling is a snippet in Site Settings → Custom Code. Delete it for native scrolling.

5a:[["$","$L5d",null,{"post":{"id":"01a0d301-f246-7374-a769-aff9c3eee614","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"44d81494-caac-404c-bcfa-0490266fcd89","name":"DjectStudio","slug":"djectstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/99415/avatar-N7QEIfin2WdbElamtJJfIh7VRrfUpA.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[],"resources":[{"id":"73789","resolved":true,"title":"NovaOS","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"NovaOS is a Framer template for AI startups, agent platforms and B2B SaaS teams who want a site that looks like a real product, not a landing page with stock screenshots."}]},{"type":"paragraph","content":[{"type":"text","text":"The homepage dashboard is built as live UI. An agent picks up a request, works through its steps, pulls context from connected tools and hands back a finished brief, then does it again. The model picker, context layer, workspace chat, semantic search and workflow pipeline move the same way, so the site never feels static."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything else is calm on purpose: a light canvas, one blue accent, DM Sans and Geist, and a staggered reveal on every section."}]},{"type":"customHeading","content":[{"type":"text","text":"Key features"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 animated product mockups built as code components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"15 pages: Home, Pricing, Company, Integrations, Blog, Careers, Contact, FAQ, Book a Demo, legal and 404"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"5 CMS collections with category filters on Blog, Careers and Integrations"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Monthly and annual pricing toggle"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Contact, Book a Demo and Job Application forms"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Element-by-element scroll animations and word-by-word heading reveals"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling, off for reduced-motion users"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Full text and color style system"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"19 reusable components"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SEO on every page: titles, descriptions, social images, sitemap"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive on desktop, tablet and phone"}]}]}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect for"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"AI startups, agent and automation platforms, developer tools, B2B SaaS and productivity tools."}]},{"type":"customHeading","content":[{"type":"text","text":"Good to know"}],"attrs":{"level":2}},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fonts: DM Sans and Geist (free Google Fonts)."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"The animated mockups are code components; edit their text in the component code. Everything else is native Framer."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling is a snippet in Site Settings → Custom Code. Delete it for native scrolling."}]}]}]}]},"introduction":"AI SaaS template, live product UI","slug":"novaos","author":{"framerUserId":"44d81494-caac-404c-bcfa-0490266fcd89","name":"DjectStudio","slug":"djectstudio","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/99415/avatar-N7QEIfin2WdbElamtJJfIh7VRrfUpA.jpg","badges":["available","studio"],"followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/44d81494-caac-404c-bcfa-0490266fcd89/01a0d2fe-8174-7177-91c7-141831eb2ca3.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/44d81494-caac-404c-bcfa-0490266fcd89/01a0d2fe-81d0-7754-bd79-4e83ba2d0bf1.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/44d81494-caac-404c-bcfa-0490266fcd89/01a0d2fe-814c-75d3-8f9f-ddf9106f1db3.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/44d81494-caac-404c-bcfa-0490266fcd89/01a0d2fe-8153-774d-a7ca-eda1e4744011.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/44d81494-caac-404c-bcfa-0490266fcd89/01a0d300-ce4f-75ba-b3c7-4d3e9f42fdf8.png","metadata":{"tint":{"h":0,"s":0,"l":58},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-24T10:41:54.646Z","updatedAt":"2026-09-24T10:41:54.646Z","publishedAt":"2026-09-24T10:41:54.642Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"79","paymentUrl":"https://buy.polar.sh/polar_cl_IK5k7gv2yLGHQvcyTes9pVP7KtHbmCBQ4bVHb2mg2JP","remixUrl":null,"previewUrl":"https://novaos.framer.website/","categories":[{"id":22,"name":"Startup","slug":"startup"},{"id":2,"name":"SaaS","slug":"saas"},{"id":270,"name":"Software","slug":"software"},{"id":112,"name":"Technology","slug":"technology"}],"styles":[{"id":110,"name":"Animated","slug":"animated"}],"mainCategory":{"id":26,"name":"AI","slug":"ai"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-24T10:41:55.271Z","updatedAt":"2026-09-24T10:41:55.271Z","reported":false}}],"$L5f"]

Suggested for you