Make room
for the idea.
A direct, high-impact opening with controlled type, clear supporting copy and one primary action.
Start a project →Framekin component system · v1.0
Build less.Say more.
24 expressive, responsive marketing sections. Clean HTML. Thoughtful CSS. No framework required.
Scroll to explore ↓HTML · CSS · JS only where neededCommercial use included
24 adaptable sectionsZero dependenciesResponsive by defaultAccessible foundations24 adaptable sections
A flexible starting point
A library with a point of view—not a pile of parts.
Every section is designed to stand alone and work together. Copy it, restyle it, reorder it and ship a page that still feels intentional.
24Sections
4Example pages
0Dependencies
Make room
Everything essential.
Nothing in the way.
01Easy to adapt
Readable class names and a small set of variables make each section fast to make your own.
02Built to respond
Layout, type and spacing move deliberately from wide screens to small ones.
03Light by default
No package overhead and no hidden dependencies—just browser-native foundations.
“Kinetic gave us the speed of a component library without making our launch look like everyone else’s.”Jules Carter · Founder, Studio Twenty
The complete library
Twenty-four ways forward.
Six functional families cover the full marketing page journey: open, explain, prove, compare, convert and close.
01Open
Split statement02Open
Product frame03Open
Editorial intro04Open
Logo ribbon05Explain
Metric trio06Explain
Feature index07Explain
Bento features08Explain
Process steps09Explain
Comparison10Explain
Testimonial wall11Prove
Case study12Prove
Quote focus13Prove
Pricing table14Prove
Plan cards15Decide
FAQ list16Decide
FAQ columns17Decide
Team grid18Decide
Founder note19Learn
Article grid20Learn
Resource cards21Learn
Newsletter22Convert
Compact CTA23Convert
Split CTA24Convert
Footer systemTake the pieces.
Make them yours.
Use one section or build the whole page. Every file is yours to edit, deploy and reuse across commercial projects.
Get all 24 sections →Built for a clean handoff.
Source files
Semantic HTML, organized CSS and minimal vanilla JavaScript.
Four examples
Complete assembled pages showing the system in real contexts.
Documentation
Setup, variables, structure and practical customization notes.
License
Clear commercial terms for personal and client projects.