Help
How sections, plans and the copy-to-AI workflow work.
Getting started
What is SectionKit?
A library of 101 animated website sections (heroes, pricing, features, testimonials, FAQs, CTAs, footers and small interactive demos). Each one runs live in your browser, and comes with a complete build prompt plus the full source, so your AI builder or your own code editor can recreate it exactly.
Do I need an account to browse?
No. The whole catalog and every free live preview are open to everyone. A free account (just your email) is needed to copy a section, and copying Pro sections needs a Pro plan.
How do I use a section?
Open a section, press "Copy prompt + code" and pick your tool from the menu. Paste it into a new chat in that tool and it builds the section for you. You can also skip the AI entirely: the copied text contains every file with its exact path and contents.
Which AI builders does it work with?
Claude Code, Cursor, v0, Lovable, Bolt.new, Windsurf and Replit Agent each get a version of the prompt tailored to how that tool works. Any other assistant that accepts long prompts works too; pick Claude Code for a general-purpose version.
Free & Pro
What's the difference between Free and Pro?
Free gives you 51 sections across every category, prompt and code included. Pro unlocks all 101, adding 50 Pro-only showpieces: Canvas and physics effects, 3D, scroll stories and working mini-apps like calculators, configurators and a kanban board.
Do free sections include the full prompt and code?
Yes. Free sections are complete, not demos. The same full prompt and source you get with Pro.
How often are new sections added?
New sections are added regularly. Pro members get every new section automatically at no extra cost.
Code & customising
What are the sections built with?
React 19 and TypeScript with plain CSS. No Tailwind or UI library is required. Every class uses a short unique prefix so a section won't clash with your styles. Fonts come from Fontsource and there are no external APIs, trackers or keys.
Will it work in Next.js?
Yes. Copy the files into a folder, add 'use client' at the top of the component files, and render the default export. The prompt includes these steps for each section.
Can I use them in Webflow, Framer or WordPress?
Not directly: the sections are React code. If your site builder supports custom code embeds, you can ask an AI tool to convert a section to a plain HTML/CSS/JS embed using the copied prompt as the reference.
How do I change the text and colours?
All copy, numbers and tuning values live in typed constants at the top of App.tsx, and colours are CSS variables at the top of the stylesheet. Change them there, or just tell your AI builder what you want different.
Are the sections accessible and fast?
They use real buttons, links and form controls with keyboard focus styles and ARIA where needed. Animations only touch transform and opacity, pause when off-screen, and respect the visitor's reduced-motion setting while keeping interactive effects usable.
Why can’t I hear the Audio Quote Cards?
That section uses your browser's built-in voice, so it needs a voice installed on your device. Windows, macOS, Android and iOS include one. On Linux, install speech-dispatcher (for example with espeak-ng) and restart the browser.
Billing
How much is Pro and how do I pay?
Pro is $15 per month, billed through PayPal. You can pay with a PayPal balance or a card through PayPal.
How do I cancel?
Go to Account and press "Cancel subscription", or cancel from your PayPal automatic payments. Cancelling stops all future payments.
What happens to sections I already copied if I cancel?
Anything you already copied into your projects is yours to keep using under the licence. You just won’t be able to copy Pro sections from the site until you upgrade again.
Can I get a refund?
If something isn't right, email admin@ceeveeglobal.com with your account email and we'll sort it out.
Licence
Where can I use the sections?
In unlimited personal and commercial projects, including websites you build for clients. You can modify them as much as you like.
What am I not allowed to do?
Don't resell or redistribute the sections or prompts themselves, for example as a template, UI kit, component library or prompt pack, and don't share your account. Using them inside a finished website or app is always fine.