Nexux: AI SaaS Landing Page Template Built in Framer by Kazi Mohammed ErfanNexux: AI SaaS Landing Page Template Built in Framer by Kazi Mohammed Erfan
Built with Framer

Nexux: AI SaaS Landing Page Template Built in Framer

Kazi Mohammed Erfan

Kazi Mohammed Erfan

1 collaborator

nexux framer template
nexux framer template

Nexux: an AI SaaS landing page template, built in Framer from a supplied design

Nexux is a dark, one-page website template for AI products and business automation tools. The design came to us ready; we built it in Framer with layered hero motion, a floating dashboard and a monthly or yearly pricing table.
Type: Website template we built in Framer · Industry: AI, SaaS · What we did: Framer development · Platform: Framer · Timeline: 10 days, December 2024 · Live: nexux-framer.framer.website

About the template

Nexux is made for AI startups that need one strong landing page. The sample product, an AI writing and research assistant, opens with “Transform Your Business with AI-Powered Solutions” and a prompt-style input, then walks through features, benefits, proof, how it works and pricing.

The challenge

The design had deep layered backgrounds, glowing light streaks and a floating product screen, and all of it had to move.
Many layers at once. The hero stacks a light streak background, a dashboard and a headline.
Motion with a purpose. Animations had to feel smooth, not gimmicky.
Speed on every device. Several moving layers can slow a page down on phones.
Pixel match. The build had to follow the supplied design closely.

What we did

A layered hero

Built scroll-triggered animation for the light streak background, the dashboard entrance and the headline reveal.
Animated the dashboard mockup with a layered float and fade, like a product reveal.
Added a prompt-style input with a Submit button under the headline.

Sections from features to proof

An about block, a row of capabilities (Content Ideas, Writer's Assist, Quality Control and more) and three feature cards.
“Your Benefits” cards, a numbers block, a testimonial and a three-step “Easy to Use” guide.
Hover states and micro-interactions on the buttons and the navigation.

Pricing and contact

A pricing table with a monthly and yearly toggle and three plans: Basic, Standard and Enterprise.
A contact block with email, phone and location, and a newsletter signup in the footer.

Smooth on every screen

Tuned the timing and easing of each layer so the motion stays smooth.
Built layouts for desktop, tablet and phone.

Scope

Included:
Framer build of the full one-page site from the supplied design
Hero, dashboard and section animations, hover states and micro-interactions
Pricing toggle, contact block and newsletter signup
Layouts for desktop, tablet and phone
Not included:
The visual design: it was supplied, and we built it in Framer
Inner pages: Nexux is a single landing page, with menu links that jump to its sections
A working AI product behind the prompt input: the page is the marketing site only

Results

Live as a demo at nexux-framer.framer.website.
Built in 10 days, from 20 to 30 December 2024.
One landing page that runs from the hero through features, benefits, pricing and contact.

What we'd improve next

Add inner pages: a features page, a pricing page with a full plan comparison, and a blog in the CMS.
Add a changelog page so an AI startup can post product updates.
Add a short demo video block next to the dashboard, for products that are easier to show than describe.

Working on something similar?

I design websites in Figma and build them in Framer or Webflow, so your team can edit every page without a developer. Message me here on Contra with your site or Figma file, and I'll reply with a plan and a fixed price.
Like this project

Posted Aug 15, 2024

A dark AI SaaS landing page template: a supplied design built in Framer in ten days, with layered hero motion, pricing toggle and a phone layout.

Likes

1

Views

66

Timeline

Dec 20, 2024 - Dec 30, 2024

Collaborators