Framers Markenzeichen, die Scroll- und Hover-Animationen, sind heute Standard-CSS (scroll-driven animations, view transitions) plus ein paar Zeilen JavaScript, und genau sowas generieren KI-Agenten zuverlässig. Eine animierte One-Page-Site baust du an einem Abend und hostest sie kostenlos. Der Designer-Canvas als Arbeitsweise ist das Einzige, was du wirklich aufgibst.
Der Moat
Ein Moat ist der Burggraben um ein Produkt: alles, was ein Nachbau nicht einfach mitkopieren kann, etwa Nutzer, Daten, Verträge oder Vertrauen. Je tiefer der Graben, desto eher lohnt sich das Abo trotz KI-Agent.Zuverlässigkeit und sauberer Feinschliff sparen dauerhaft Arbeit.
Globaler Betrieb und hohe Verfügbarkeit sind schwer selbst zu tragen.
Lizenzen für Medien oder Vorlagen können nicht mitkopiert werden.
Der Prompt
Bau mir eine animierte One-Page-Portfolio-Site als Framer-Ersatz, komplett statisch und ohne Framework. Stack: eine index.html, ein styles.css, ein main.js. Optional Vite fuer den Dev-Server, aber das Ergebnis sind drei Dateien plus Assets. Anforderungen: - Sektionen: Hero mit grossem Namen und Tagline, Projekt-Grid (6 Karten mit Bild, Titel, Tags), Ueber-mich, Kontakt. - Animationen mit modernem CSS: Sektionen faden beim Scrollen ein (scroll-driven animations mit IntersectionObserver-Fallback), Projekt-Karten mit sanftem Hover-Lift, Hero-Text mit gestaffeltem Einblenden beim Laden. - prefers-reduced-motion respektieren: dann alle Animationen aus. - Inhalte (Projekte, Texte, Links) in einer content.json, die main.js ins DOM rendert, damit ich Inhalte ohne HTML-Kenntnisse pflege. - Responsive ab 320 px, Bilder als WebP mit Lazy Loading. - Dark Mode per prefers-color-scheme, Farben als CSS-Variablen. - Meta-Tags und Open-Graph-Bild fuer saubere Link-Vorschauen. - Deploy-Anleitung im README fuer GitHub Pages und als Fallback jeden beliebigen Webspace (einfach Ordner hochladen). Keine externen Bibliotheken, keine Font-CDNs, kein Tracking.
Lies, was Entscheider lesen.
Jeden Sonntag das Wichtigste aus der KI-Welt. Kompakt, verständlich, praxisnah. Schließe dich über 4.500 Lesern an.
100 % kostenlos. Jederzeit mit einem Klick abmeldbar.
Designer bleiben in ihrem gewohnten Canvas-Workflow und shippen ohne Entwickler. Für Portfolio-Sites, die oft umgebaut werden, ist das Tempo im Editor schwer zu schlagen.
Für den Eigenbedarf reicht der Eigenbau oben meistens.
| Plan | Monatlich | Jährlich (pro Monat) | Enthalten |
|---|---|---|---|
| Basic | 9 € / Workspace | n. a. | 1 Site mit Custom Domain, Basis-Traffic, ohne CMS |
| Pro | 27 € / Workspace | n. a. | CMS, Formulare, Analytics und mehr Traffic |
Geprüft am 31.08.2026 · Quelle · aus USD umgerechnet, der EUR-Preis beim Anbieter kann abweichen
Preis, Nachbau und Ersparnis von Framer Basic auf einen Blick.
Framer Basic kostet im Plan „Basic" 9 € pro Monat (geprüft am 31.08.2026). Gratis-Version: Der Free-Plan publiziert auf einer framer.app-Subdomain mit Framer-Branding.
Ja, an einem Abend machbar: Framers Markenzeichen, die Scroll- und Hover-Animationen, sind heute Standard-CSS (scroll-driven animations, view transitions) plus ein paar Zeilen JavaScript, und genau sowas generieren KI-Agenten zuverlässig. Eine animierte One-Page-Site baust du an einem Abend und hostest sie kostenlos. Der Designer-Canvas als Arbeitsweise ist das Einzige, was du wirklich aufgibst.
Beim Eigenbau verzichtest du auf: Design im visuellen Canvas statt im Code, Fertige Animations-Presets per Klick, Framer-Hosting mit CDN und Ein-Klick-Publish, Template-Marktplatz als Startpunkt.
Das Abo kostet 9 € pro Monat — aufs Jahr gerechnet sparst du rund 108 €.
Webflow Basic
Visueller Website-Builder mit CMS, der sauberen, produktionsreifen Code erzeugt.
13,50 €/Monat
Carrd Pro
Baut simple One-Pager für Profile, Landing-Pages und Formulare für ein paar Euro im Jahr.
1,50 €/Monat
v0 Premium
Generiert React- und Next.js-Oberflächen aus Textbeschreibungen, direkt deploybar auf Vercel.
18 €/Monat
Der Kommentarbereich wird geladen, sobald du ihn erreichst.