50:I[267044,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/05lj3a0qaa006.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/382a8k30zyobj.js","/creators-assets/_next/static/immutable/chunks/368p63l4oh_7-.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/228u8o-g1d1_g.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/413kuej600yyw.js","/creators-assets/_next/static/immutable/chunks/1v3f42-oqro9g.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/2di2v55rtz-8i.js","/creators-assets/_next/static/immutable/chunks/1fkcqskfw4hol.js","/creators-assets/_next/static/immutable/chunks/146b7x-3yl4nl.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/00owjoob9gqs9.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js"],"S"] 51:T78a,

StudentHub — Interactive Student Calculator Website

StudentHub is a free academic toolkit built in Framer to help students calculate GPA and CGPA, explore grade improvements, plan target grades, and track attendance.

I designed and developed a modern dark interface with neon accents, interactive 3D geometry, scroll-triggered animations, and fluid transitions. Responsive layouts adapt the experience for mobile, tablet, and desktop.

The website features four live calculators, input validation, clear formula explanations, FAQs, and optional browser-based course saving. Calculations run directly in the browser without requiring an account.

Tools & skills: Framer, React, TypeScript, UI/UX Design, Responsive Design, and Motion Design.

StudentHub — Interactive Framer Website Template

A modern student calculator website featuring a minimalist dark interface, neon accents, animated 3D geometry, and responsive layouts for desktop, tablet, and mobile.

Features:

Credit-weighted GPA and CGPA calculator.
Grade improvement calculator using grade replacement.
Target CGPA planner.
Attendance calculator with recovery and absence estimates.
Live results, input validation, and adjustable grading scales.
Optional course-list saving in the browser.
Formula explanations, FAQs, and About and Privacy sections.
Smooth scrolling, reveal animations, and interactive hover effects.

Built with Framer, React, and TypeScript, with editable branding and accent colours.

Please note: AdSense integration, advertising approval, and earnings are not included. Academic results are estimates based on user inputs and must be checked against university policies.

52:T47c,

CampusOS is a responsive Framer UI template for university learning platforms and student portals. It brings academic activities and campus services together in a clean, modern interface with animations and 3D-style visuals.

Included features: • Student dashboard • Sign-in and new-student demo screens • Courses and sample lessons • Assignment submission demos • Attendance and weekly timetable • Exams and grades • Student applications and request history • Fee structure and demo voucher downloads • Hostel and transport services • Unofficial transcript downloads • Internship listings and saved opportunities • Library reservations, announcements and support • Mobile navigation and dark appearance

Your purchase includes a Framer Remix link to copy the template into your own workspace.

This is a UI template with sample content and browser-local demo interactions. Secure authentication, databases, payment processing, file uploads and university approval workflows require separate backend integration. Faculty and administration options are preview labels, not complete management portals.

53:T4f8,

https://framer.com/projects/Attractive-Premise--ACXdNZTm7YTQqUYfCQ5I

clipflows.framer.website

Meet ClipFlow ✂️—our team’s latest SaaS app prototype, built in Framer for desktop and mobile.

Designed for content creators, it brings video projects, clip timestamps, hooks, captions, and publishing plans into one organized workspace.

✨ Project dashboard and local video preview 📝 Hook and caption editor 📋 Clip status board and publishing planner 📥 Editing brief, subtitle, and workspace backup exports

With a dark sidebar, mint accents, and responsive navigation, we wanted the experience to feel clean and easy to use.

As beginners, we’re learning through building and improving together. This version saves work locally; AI clipping and automatic publishing are future additions.

What feature would you add next? 👇

#Framer #SaaS #UIUX #WebDesign #ContentCreators #Teamwork #LearningByDoing

54:T47c,

https://framer.com/projects/Happier-Days--W7DVH52VgRnbwtfbCyTT

https://novamarket.framer.website/

only backend required to connect

Beginners. One team. Just 5 hours. 🚀

Our team created NOVA Market, a shopping website template in Framer, while learning and building together.

It features a premium design, responsive layout, product search, category filters, wishlist, shopping cart, and Nomi—an emoji companion that reacts to shopping actions. 🛍️😊

This is our first version, with sample products. Connecting real orders and payments is the next step.

Proud of our team’s effort—and excited to keep improving!

What do you think of the design? 👇

#Framer #WebDesign #UIUX #Ecommerce #Teamwork #LearningByDoing

4f:["$","$L50",null,{"value":{"fallback":{"$inf$activity-creator-e5fb739b-206b-4d34-8577-d00fa6b44721-all:/unified/creator/e5fb739b-206b-4d34-8577-d00fa6b44721/activity/":[{"data":[{"id":"01a12c1c-3d1c-7309-b459-f8372c8596f4","type":"template.created","target":{"type":"template","id":"75531","preview":"cedarline-fencing","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12c1b-004b-72db-914d-06c8f1ecb3b8.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-11T17:56:50.588Z","latestAt":"2026-10-11T17:56:50.588Z"},{"id":"01a12acf-65ee-717f-9d51-b875031287a2","type":"template.created","target":{"type":"template","id":"75497","preview":"student hub","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12acd-93a9-735e-a61a-3ba9699abd97.png","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-11T11:53:17.550Z","latestAt":"2026-10-11T11:53:17.550Z"},{"id":"01a125c1-47dd-723f-862a-fdc2c266c741","type":"template.created","target":{"type":"template","id":"75422","preview":"University LMS UI Te","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a125bd-ac14-7400-9f1d-15efe7c3031b.jpg","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":"template","visibility":"public","startedAt":"2026-10-10T12:19:46.269Z","latestAt":"2026-10-10T12:19:46.269Z"},{"id":"01a12212-f766-7000-bcb4-52515766eb4d","type":"comment.reply","target":{"type":"post","id":"01a121de-6416-73ef-a2f6-daf2b7867475","preview":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp\nI am try my best as a beginner so point my first project","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"I am try my best as a beginner so point my first project"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a121de-6416-73ef-a2f6-daf2b7867475","like":{"count":0,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a12212-f74a-75f4-9b54-c052ed5f5deb","preview":"thanks sir for guide i upcoming project these things keep in my mind","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"thanks sir for guide i upcoming project these things keep in my mind"}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a121de-6416-73ef-a2f6-daf2b7867475","like":{"count":0,"liked":false},"reply":{"parentCommentId":"01a121ec-a13d-743e-9d94-6e8904c810c1"},"repost":null}},"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-09T19:10:30.758Z","latestAt":"2026-10-09T19:10:30.758Z"},{"id":"01a12200-ac46-731c-b74d-abb064095245","type":"comment.reply","target":{"type":"post","id":"01a121de-6416-73ef-a2f6-daf2b7867475","preview":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp\nI am try my best as a beginner so point my first project","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"I am try my best as a beginner so point my first project"}]}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a121de-6416-73ef-a2f6-daf2b7867475","like":{"count":0,"liked":false},"reply":{"parentCommentId":null},"repost":{"count":0,"reposted":false,"repostId":null}}},"context":{"type":"comment","id":"01a12200-ac31-707a-b232-39922fdaa98e","preview":"oky i try my best these is site url https://myproject4.framer.website/","previewJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"oky i try my best these is site url "},{"type":"text","text":"https://myproject4.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://myproject4.framer.website/","target":"_blank"}}]}]},{"type":"paragraph"}]},"thumbnail":null,"targetDeleted":false,"owned":true,"actions":{"postId":"01a121de-6416-73ef-a2f6-daf2b7867475","like":{"count":1,"liked":false},"reply":{"parentCommentId":"01a121ec-a13d-743e-9d94-6e8904c810c1"},"repost":null}},"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-09T18:50:31.878Z","latestAt":"2026-10-09T18:50:31.878Z"},{"id":"01a121ff-a92e-77a3-9a7c-46b718565529","type":"creator.followed","target":{"type":"creator","id":"09bc3e24-752b-4a1b-97c2-ab8d755f63b8","preview":"Tauhid Hasan","previewJson":null,"thumbnail":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/09bc3e24-752b-4a1b-97c2-ab8d755f63b8/4taurhlo","slug":"tauhiduiux","targetDeleted":false,"owned":false,"actions":null},"context":null,"actors":[{"id":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","slug":"maaz-sajid","followed":false,"followsYou":false}],"actorCount":1,"message":null,"resourceType":null,"visibility":"public","startedAt":"2026-10-09T18:49:25.538Z","latestAt":"2026-10-09T18:49:25.538Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}],"$inf$posts:e5fb739b-206b-4d34-8577-d00fa6b44721:/unified/posts/?creator=e5fb739b-206b-4d34-8577-d00fa6b44721&with=reposts":[{"data":[{"id":"01a12c1c-34b5-77eb-b784-799666bbf5f1","title":null,"body":"

Introducing Cedarline — a Framer website template for fencing and gate businesses. 🌿

Forest-green tones, warm cream backgrounds and bold typography, with sections for services, fencing styles, project inspiration and FAQs.

Designed to give local businesses a clear, welcoming online presence.

What do you think of the design?

#Framer #FramerTemplate #WebDesign #Construction

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing Cedarline — a Framer website template for fencing and gate businesses. "},{"type":"emoji","attrs":{"name":"herb","emoji":"🌿"}}]},{"type":"paragraph","content":[{"type":"text","text":"Forest-green tones, warm cream backgrounds and bold typography, with sections for services, fencing styles, project inspiration and FAQs."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed to give local businesses a clear, welcoming online presence."}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think of the design?"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #WebDesign #Construction"}]}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75531","resolved":true,"title":"cedarline-fencing","body":"

Cedarline is a Framer landing page template designed for fencing contractors, gate installers and outdoor service businesses.

With forest-green tones, warm cream backgrounds and bold typography, it offers a clear way to introduce your business and showcase fencing styles.

What’s included: • Large photo hero with an enquiry button • Six-service overview • Wood, vinyl and aluminum style sections • Image gallery for project inspiration • Four-step process section • Frequently asked questions • Contact call-to-action and footer

Customize the text, colours and images in Framer to match your business.

This is a website design template. Contact details and enquiry links require configuration. A working estimate calculator and backend are not included.

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Cedarline is a Framer landing page template designed for fencing contractors, gate installers and outdoor service businesses."}]},{"type":"paragraph","content":[{"type":"text","text":"With forest-green tones, warm cream backgrounds and bold typography, it offers a clear way to introduce your business and showcase fencing styles."}]},{"type":"paragraph","content":[{"type":"text","text":"What’s included: • Large photo hero with an enquiry button • Six-service overview • Wood, vinyl and aluminum style sections • Image gallery for project inspiration • Four-step process section • Frequently asked questions • Contact call-to-action and footer"}]},{"type":"paragraph","content":[{"type":"text","text":"Customize the text, colours and images in Framer to match your business."}]},{"type":"paragraph","content":[{"type":"text","text":"This is a website design template. Contact details and enquiry links require configuration. A working estimate calculator and backend are not included."}]}]},"introduction":"cedarline-fencing","slug":"cedarline-fencing","author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/cpcxRcee9ch1mVJ4BboWEABSbZHmnzkJAF9OtAtPqA00.m3u8","metadata":{"posterUrl":"https://image.mux.com/cpcxRcee9ch1mVJ4BboWEABSbZHmnzkJAF9OtAtPqA00/thumbnail.webp?time=19.048","aspectRatio":"960:539","duration":20.833333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12c1b-004b-72db-914d-06c8f1ecb3b8.png","metadata":{"tint":{"h":24,"s":51,"l":35},"width":1872,"height":844}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12c1b-31e4-7578-8881-209764e287e8.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1894,"height":265}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12c1b-6f80-73c9-b915-713eeccea12a.png","metadata":{"tint":{"h":60,"s":53,"l":39},"width":1627,"height":924}}],"post":null,"createdAt":"2026-10-11T17:56:47.712Z","updatedAt":"2026-10-11T17:56:47.712Z","publishedAt":"2026-10-11T17:56:47.709Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"8","paymentUrl":"https://contra.com/products/s0FEl67w-cedarline-fencing","remixUrl":null,"previewUrl":"https://cedarline-fencing.framer.website/","categories":[],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":204,"name":"Construction","slug":"construction"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-11T17:56:48.437Z","updatedAt":"2026-10-11T17:56:48.437Z"},{"id":"01a12acf-6357-7664-961c-f08fe6fad002","title":null,"body":"

Introducing StudentHub — a little clarity for your next semester. 🎓

I built this interactive student calculator website in Framer to answer four everyday questions:

→ What’s my GPA or CGPA? → How much could repeating a course improve my grades? → What GPA do I need to reach my target? → How many classes can I miss while meeting my attendance requirement?

The design combines a minimalist dark interface, neon accents, mouse-reactive 3D geometry, and smooth animations with responsive layouts for mobile, tablet, and desktop.

Free to use, with instant browser-based calculations and no account required.

Which calculator would you use most?

#Framer #MadeWithFramer #WebDesign #StudentTools #UIUX

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing StudentHub — a little clarity for your next semester. 🎓"}]},{"type":"paragraph","content":[{"type":"text","text":"I built this interactive student calculator website in Framer to answer four everyday questions:"}]},{"type":"paragraph","content":[{"type":"text","text":"→ What’s my GPA or CGPA? → How much could repeating a course improve my grades? → What GPA do I need to reach my target? → How many classes can I miss while meeting my attendance requirement?"}]},{"type":"paragraph","content":[{"type":"text","text":"The design combines a minimalist dark interface, neon accents, mouse-reactive 3D geometry, and smooth animations with responsive layouts for mobile, tablet, and desktop."}]},{"type":"paragraph","content":[{"type":"text","text":"Free to use, with instant browser-based calculations and no account required."}]},{"type":"paragraph","content":[{"type":"text","text":"Which calculator would you use most?"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #MadeWithFramer #WebDesign #StudentTools #UIUX"}]}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75497","resolved":true,"title":"student hub","body":"$51","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"StudentHub — Interactive Student Calculator Website","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"StudentHub is a free academic toolkit built in Framer to help students calculate GPA and CGPA, explore grade improvements, plan target grades, and track attendance."}]},{"type":"paragraph","content":[{"type":"text","text":"I designed and developed a modern dark interface with neon accents, interactive 3D geometry, scroll-triggered animations, and fluid transitions. Responsive layouts adapt the experience for mobile, tablet, and desktop."}]},{"type":"paragraph","content":[{"type":"text","text":"The website features four live calculators, input validation, clear formula explanations, FAQs, and optional browser-based course saving. Calculations run directly in the browser without requiring an account."}]},{"type":"paragraph","content":[{"type":"text","text":"Tools & skills:","marks":[{"type":"bold"}]},{"type":"text","text":" Framer, React, TypeScript, UI/UX Design, Responsive Design, and Motion Design."}]},{"type":"paragraph","content":[{"type":"text","text":"StudentHub — Interactive Framer Website Template","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"A modern student calculator website featuring a minimalist dark interface, neon accents, animated 3D geometry, and responsive layouts for desktop, tablet, and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Features:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Credit-weighted GPA and CGPA calculator."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Grade improvement calculator using grade replacement."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Target CGPA planner."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Attendance calculator with recovery and absence estimates."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Live results, input validation, and adjustable grading scales."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optional course-list saving in the browser."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Formula explanations, FAQs, and About and Privacy sections."}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth scrolling, reveal animations, and interactive hover effects."}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Built with Framer, React, and TypeScript, with editable branding and accent colours."}]},{"type":"paragraph","content":[{"type":"text","text":"Please note:","marks":[{"type":"bold"}]},{"type":"text","text":" AdSense integration, advertising approval, and earnings are not included. Academic results are estimates based on user inputs and must be checked against university policies."}]}]},"introduction":"these is for cal cgpa etc","slug":"student-hub","author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[{"type":"video","url":"https://stream.mux.com/02jCtHuPThW9inHEc6etuY9H11jFz01l4ZerJgo6A01lds.m3u8","metadata":{"posterUrl":"https://image.mux.com/02jCtHuPThW9inHEc6etuY9H11jFz01l4ZerJgo6A01lds/thumbnail.webp?time=3.731","aspectRatio":"960:539","duration":73}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12acd-93a9-735e-a61a-3ba9699abd97.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1822,"height":825}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12acd-de3c-71de-af84-0484f8679f9a.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1471,"height":595}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12ace-32b6-7760-ab45-1fcc53a45a39.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1369,"height":843}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a12ace-5c85-767f-b70e-167fb95dc071.png","metadata":{"tint":{"h":180,"s":50,"l":6},"width":1416,"height":760}}],"post":null,"createdAt":"2026-10-11T11:53:16.132Z","updatedAt":"2026-10-11T11:53:16.132Z","publishedAt":"2026-10-11T11:53:16.130Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"15","paymentUrl":"https://contra.com/products/sEbfKMCu-student-hub","remixUrl":null,"previewUrl":"https://studenthubs.framer.website/","categories":[],"styles":[{"id":110,"name":"Animated","slug":"animated"},{"id":6,"name":"3D","slug":"3d"},{"id":201,"name":"Colorful","slug":"colorful"}],"mainCategory":{"id":114,"name":"Education","slug":"education"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":2,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-11T11:53:16.887Z","updatedAt":"2026-10-11T11:53:16.887Z"},{"id":"01a125c1-4539-73da-95c1-ea06bb3bf671","title":null,"body":"

Introducing CampusOS 🎓

A university LMS UI template built in Framer, with responsive layouts, smooth animations and 3D-style visuals.

Explore courses, attendance, assignments, fees, hostel, transport and more—all in one student portal.

Includes interactive demos. Backend integration is required for real university operations.

Explore the demo: https://campusoss.framer.website

#Framer #FramerTemplate #UIUX #Dashboard #Education

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Introducing CampusOS 🎓"}]},{"type":"paragraph","content":[{"type":"text","text":"A university LMS UI template built in Framer, with responsive layouts, smooth animations and 3D-style visuals."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore courses, attendance, assignments, fees, hostel, transport and more—all in one student portal."}]},{"type":"paragraph","content":[{"type":"text","text":"Includes interactive demos. Backend integration is required for real university operations."}]},{"type":"paragraph","content":[{"type":"text","text":"Explore the demo: "},{"type":"text","text":"https://campusoss.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://campusoss.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #FramerTemplate #UIUX #Dashboard #Education"}]}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[{"id":"75422","resolved":true,"title":"University LMS UI Te","body":"$52","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"CampusOS is a responsive Framer UI template for university learning platforms and student portals. It brings academic activities and campus services together in a clean, modern interface with animations and 3D-style visuals."}]},{"type":"paragraph","content":[{"type":"text","text":"Included features: • Student dashboard • Sign-in and new-student demo screens • Courses and sample lessons • Assignment submission demos • Attendance and weekly timetable • Exams and grades • Student applications and request history • Fee structure and demo voucher downloads • Hostel and transport services • Unofficial transcript downloads • Internship listings and saved opportunities • Library reservations, announcements and support • Mobile navigation and dark appearance"}]},{"type":"paragraph","content":[{"type":"text","text":"Your purchase includes a Framer Remix link to copy the template into your own workspace."}]},{"type":"paragraph","content":[{"type":"text","text":"This is a UI template with sample content and browser-local demo interactions. Secure authentication, databases, payment processing, file uploads and university approval workflows require separate backend integration. Faculty and administration options are preview labels, not complete management portals."}]}]},"introduction":"University LMS & Student Portal","slug":"university-lms-ui-te","author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a125bd-ac14-7400-9f1d-15efe7c3031b.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":652}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a125bd-ac30-772b-a95c-5da6a6cf4418.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":401}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a125bd-ac4a-721c-b448-c02ddf096bf4.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":698}},{"type":"video","url":"https://stream.mux.com/3Hvvt8OFdQzpN02gAPIBjjmW7ZRIC7R5jd8aj9PkOUoc.m3u8","metadata":{"posterUrl":"https://image.mux.com/3Hvvt8OFdQzpN02gAPIBjjmW7ZRIC7R5jd8aj9PkOUoc/thumbnail.webp?time=80.567","aspectRatio":"960:539","duration":84.733333}}],"post":null,"createdAt":"2026-10-10T12:19:44.842Z","updatedAt":"2026-10-10T12:19:44.842Z","publishedAt":"2026-10-10T12:19:44.840Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":"20","paymentUrl":"https://contra.com/products/zu8PVP8d-campus-os-university-lms-ui-template","remixUrl":null,"previewUrl":"https://campusoss.framer.website/","categories":[],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":6,"name":"3D","slug":"3d"}],"mainCategory":{"id":114,"name":"Education","slug":"education"},"features":[],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":5,"liked":false},"comments":{"count":1},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-10T12:19:45.594Z","updatedAt":"2026-10-10T12:19:45.594Z"},{"id":"01a121fe-cb60-7024-8c04-b1dcb82126ac","title":null,"body":"$53","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Attractive-Premise--ACXdNZTm7YTQqUYfCQ5I","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Attractive-Premise--ACXdNZTm7YTQqUYfCQ5I","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"clipflows.framer.website","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://clipflows.framer.website","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"Meet "},{"type":"text","text":"ClipFlow","marks":[{"type":"bold"}]},{"type":"text","text":" ✂️—our team’s latest SaaS app prototype, built in Framer for desktop and mobile."}]},{"type":"paragraph","content":[{"type":"text","text":"Designed for content creators, it brings video projects, clip timestamps, hooks, captions, and publishing plans into one organized workspace."}]},{"type":"paragraph","content":[{"type":"text","text":"✨ Project dashboard and local video preview "},{"type":"emoji","attrs":{"name":"memo","emoji":"📝"}},{"type":"text","text":" Hook and caption editor 📋 Clip status board and publishing planner 📥 Editing brief, subtitle, and workspace backup exports"}]},{"type":"paragraph","content":[{"type":"text","text":"With a dark sidebar, mint accents, and responsive navigation, we wanted the experience to feel clean and easy to use."}]},{"type":"paragraph","content":[{"type":"text","text":"As beginners, we’re learning through building and improving together. This version saves work locally; AI clipping and automatic publishing are future additions."}]},{"type":"paragraph","content":[{"type":"text","text":"What feature would you add next? 👇"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #SaaS #UIUX #WebDesign #ContentCreators #Teamwork #LearningByDoing"}]},{"type":"paragraph"}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T18:48:29.042Z","updatedAt":"2026-10-09T18:48:29.042Z"},{"id":"01a121ef-1e1a-74ce-a3ab-233f3354af9a","title":null,"body":"$54","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Happier-Days--W7DVH52VgRnbwtfbCyTT","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Happier-Days--W7DVH52VgRnbwtfbCyTT","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"https://novamarket.framer.website/","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://novamarket.framer.website/","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"only backend required to connect"}]},{"type":"paragraph","content":[{"type":"text","text":"Beginners. One team. Just 5 hours. "},{"type":"emoji","attrs":{"name":"rocket","emoji":"🚀"}}]},{"type":"paragraph","content":[{"type":"text","text":"Our team created "},{"type":"text","text":"NOVA Market","marks":[{"type":"bold"}]},{"type":"text","text":", a shopping website template in Framer, while learning and building together."}]},{"type":"paragraph","content":[{"type":"text","text":"It features a premium design, responsive layout, product search, category filters, wishlist, shopping cart, and "},{"type":"text","text":"Nomi","marks":[{"type":"bold"}]},{"type":"text","text":"—an emoji companion that reacts to shopping actions. 🛍️"},{"type":"emoji","attrs":{"name":"blush","emoji":"😊"}}]},{"type":"paragraph","content":[{"type":"text","text":"This is our first version, with sample products. Connecting real orders and payments is the next step."}]},{"type":"paragraph","content":[{"type":"text","text":"Proud of our team’s effort—and excited to keep improving!"}]},{"type":"paragraph","content":[{"type":"text","text":"What do you think of the design? 👇"}]},{"type":"paragraph","content":[{"type":"text","text":"#Framer #WebDesign #UIUX #Ecommerce #Teamwork #LearningByDoing"}]}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/01a121ee-db6f-723e-befa-c9b968ca1773.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":486,"height":791}}],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":2,"edited":true,"editedAt":"2026-10-09T19:14:42.410Z","createdAt":"2026-10-09T18:31:21.373Z","updatedAt":"2026-10-09T19:14:42.410Z"},{"id":"01a121e0-d68b-757e-8b57-417d50b23f44","title":null,"body":"

https://framer.com/projects/Wonderful-Community--2wBRBBPVCmOaDH1Mv0Ev

also check these is my second project but in these i used 40 percent ai so check these and comment if changed something and add something

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Wonderful-Community--2wBRBBPVCmOaDH1Mv0Ev ","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Wonderful-Community--2wBRBBPVCmOaDH1Mv0Ev","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"also check these is my second project but in these i used 40 percent ai so check these and comment if changed something and add something"}]},{"type":"paragraph"}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T18:15:45.551Z","updatedAt":"2026-10-09T18:15:45.551Z"},{"id":"01a121de-6416-73ef-a2f6-daf2b7867475","title":null,"body":"

https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp

I am try my best as a beginner so point my first project

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"https://framer.com/projects/Strategic-Dessert--0ngwCFLeJqYc8hFnpGNp","target":"_blank"}}]}]},{"type":"paragraph","content":[{"type":"text","text":"I am try my best as a beginner so point my first project"}]}]},"author":{"framerUserId":"e5fb739b-206b-4d34-8577-d00fa6b44721","name":"Maaz Sajid","slug":"maaz-sajid","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/e5fb739b-206b-4d34-8577-d00fa6b44721/du872ckp","followed":false,"followsYou":false},"media":[],"resources":[],"contests":[],"categories":[{"id":"cf35162f-8406-49a9-a023-4c58024795ee","name":"General","slug":"general","description":"General","metaTitle":"General","metaDescription":"General"}],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":5},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T18:13:05.178Z","updatedAt":"2026-10-09T18:13:05.178Z"}],"pagination":{"next":null,"previous":null},"totalCount":"$undefined","feedSession":"$undefined"}]}},"children":"$L55"}]