Website-Vorlagen: Die 101 besten, kostenlosen HTML-Templates (2020-Update)

Websiten so ganz ohne ein CMS zusammenzubauen ist eine schnelle und bequeme Art, die eigene Webseite live zu bringen. Das macht vor allem dann Sinn, wenn sich die Inhalte eh nur selten ändern. Im folgenden Artikel stellen wir also eine Sammlung an kostenlosen HTML-Templates zusammen. Viel Spaß damit!
. . . Reklame

Möchten Sie ihr Geld in der WordPress-Welt verdienen? Dann bietet sich anstatt eines HTML-Editors der Einsatz eines Page Builders wie Elementor an. Mit diesem Tool werden Sie das Ziel professionelle Websites zu erstellen wesentlich schneller erreichen.

. . .

Bitte auch beachten: Eine Vielzahl der unten aufgeführten HTML-Themes sind zwar kostenlos und auch für den kommerziellen Einsatz gedacht. Allerdings muss man die jeweiligen Créateure auch entsprechend referenzieren. Das steckt hinter dem Terminus „Creative Commons Attribution“.

Butterfly

Computer Programm - Website
Live DemoKostenloser Download

Butterfly ist eine Landingpage-Vorlage für Startups, die Module für Team, eine Bildergalerie, einen Slider für Kundenrezensionen, sowie Komponenten für Portfolio, Kundenlogos, Newsletter und Services bereithält. Alles sehr durchdacht und natürlich responsiv.

Kostenlos auch für den Einsatz in kommerziellen Projekten, aber mit verpflichtendem Backlink im Footer (siehe Nutzungsbedingungen auf Bootstrapmade).

Kairos

Landing Page - Gegenwind und Rückenwind
Live DemoKostenloser Download

Kairos ist eine Landingpage-Vorlage mit Fokus auf Preistabellen und Call-to-Action-Buttons. Die Webseiten-Vorlage enthält einen sticky Header (eine fixe Kopfzeile) und basiert auf Tailwind-CSS-Modulen.

Anzeige

Whole — ein responsives, multi-funktionales HTML-Template

Live Demo

Das „Whole“ HTML-Template beinhaltet über 20 verschiedene Website-Vorlagen, geeignet für für Startups, Landing Pages, Unternehmensseiten, Agenturseiten und Portfolio-Seiten.

Auf der Komponentenseite sind Dinge und Funktionen wie bspw. Services, Referenzen, Kunden, FAQ, Galerien, Preistabellen, Team- und Mitarbeiterprofile sowie Templates für Blogs und News-Seiten enthalten. Zudem enthält es 19 Kopfzeilenlayouts, 17 verschiedene Header-Templates und 6 verschiedene Fußzeilen. Alles in allem gibt es hier mehr als 200 verschiedene Blöcke.

Global: HTML5 Website-Template

Live DemoKostenloser Download

Global ist eine moderne-elegante Website-Vorlage für Agenturen der Kreativbranche. Das Projekt wurde mit HTML5, Sass, jQuery und Hammer.js entwickelt und auf Performanz hin optimiert.

Coming Soon!

Sich anpassendes Webdesign - Bootstrap
Live DemoKostenloser Download

Coming Soon ist eine Landingpage-Vorlage mit eingebettetem Video-Hintergrund sowie einer Newsletter-Signup-Box. Einfach und hübsch anzusehen.

. . . Reklame

Schnelle Ladezeiten sind absolut wichtig. Google und der Leser honorieren das. Mit GeneratePress machen Sie Ihre WordPress-Website zum Rennboliden. Jetzt kostenlos installieren.

. . .

Sartre — ein multi-funktionales HTML-Template für Kreative

Live Demo

Sartre ist eine Website-Vorlage, die eine ganzen Reihe an vorgefertigten Blöcken, Komponenten (wie z.B. Kontaktformulare) und Plugins beinhaltet. Unter anderem sind enthalten:

  • 9 Homepage-Varianten
  • Über 100 Inhaltsblöcke
  • Über 70 Seiten
  • Schieberegler
  • Vollbildabschnitte
  • Verschiedene Masonry-Layouts
  • 4 Projekt-Seitenlayouts
  • 3 „Über-uns“ Layouts
  • 3 Service-Seitenlayouts
  • 3 Kontaktseiten
  • Mitsamt funktionierendem AJAX-Kontaktformular (mit Unterstützung für Dropdowns, Optionsfelder und Kontrollkästchen)
  • Blog-Layouts
  • Mobiles Menü und Seitennavigation (rechts oder links positioniert, mit Animationseffekten)
  • Anmeldeformulare
  • MailChimp-Newsletter-Anmeldeformulare
  • 404 Nicht gefunden
  • 500 Fehler
  • Wartungsseite
  • Über 400 Entypo-Icons
  • Über 20 Komponenten wie Akkordeons, Registerkarten und Schieberegler

The SEO Company

Live DemoKostenloser Download

The SEO Company ist eine kostenlose HTML-Vorlage für digitale Teams und Agenturen, die eine simple und dennoch beeindruckende Landingpage erstellen möchten. um ihre Onlinedienste zu präsentieren. In Bezug auf die Funktionen bietet diese Vorlage ein einzigartiges Design, attraktive glatte Übergänge, mobile Touch-Schieberegler und eine gut gemischte Reihe fortschrittlicher Elemente, um die Conversion-Raten zu maximieren.

Appland

Live DemoKostenloser Download

Appland ist eine kostenlose und elegante Landing Page für Apps, Software und Online-Tools.

Stig — ein multi-funktionales Landingpage Template

Live Demo

Stig ist ein Alleskönner: Es eignet sich für Agenturen, die für ihre Agenturkunden ganz kurzfristig eine gut aussehende Landing Page zaubern sollen. Das HTML-Template enthält unter anderem:

. . . Reklame

Unzufrieden mit dem Hoster, oder neue Website am Start? Setzen Sie auf Kinsta, dem Managed Hosting Provider. Kostenlose Demo.

. . .
  • Über 40 verschiedene Demo-Seiten und Landingpages
  • 44 verschiedene Portfolio-Seiten
  • 5 einzelne Projektseiten
  • Helle, dunkle und transparente Menüleisten
  • Einfach anzupassen: Hintergründe, Farbschemata, Inhalte
  • Über 400 Font-Awesome-Icons
  • Funktionierendes Ajax-Kontaktformular mit Validierung
  • Anmeldeformular zur Anpassung der Inhalte
  • Google Maps-Modul
  • 9 Blog-Layouts
  • 5 Widgets: Text, Bilder, Galerie, Video, Zitate
  • Responsive Video (YouTube, Vimeo, Blip.tv, Viddler, Kickstarter)
  • Browserkompatibilität (IE9 +, Chrome, Safari, Firefox, Opera)
  • In Ebenen untergliederte PSD-Dateien

Portfolio Website-Vorlagen:

1. Astral

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

2. Dimension

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

3. Ethereal

Sich anpassendes Webdesign - Web-Design
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

4. Forty

Grafikdesign - Marke
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

5. Fractal

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

6. Paradigm Shift

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution


Website-Vorlagen für Magazine & Blogs

1. Editorial

Sich anpassendes Webdesign - Web-Design
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

2. Future Imperfect

Sich anpassendes Webdesign - Web vorlage
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

3. Massively

Sich anpassendes Webdesign - Web-Design
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

4. Strongly Typed

Sich anpassendes Webdesign - Vorlage
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution


Persönliche „About Me“ Website-Vorlagen

1. Identity

Sich anpassendes Webdesign - Vorlage
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

2. Lens

Sich anpassendes Webdesign - Computerbildschirm
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

3. Phantom

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

4. Story

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Ein sehr umfangreiches Website-Template. Ein Blick lohnt sich! Lizenz: Creative Commons Attribution


Website-Vorlagen für Agenturen und Freelancer

1. Escape Velocity

Sich anpassendes Webdesign - Web-Design
Live DemoKostenloser Download

2. Hyperspace

Sich anpassendes Webdesign - Web-Design
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

3. Parallelism

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

Solid State

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

Stellar

Sich anpassendes Webdesign - HTML5
Live DemoKostenloser Download

Lizenz: Creative Commons Attribution

New Age

Erstellt von: BlackrockDigital

Lizenz: frei verwendbar unter MIT-Lizenz

Creative

Erstellt von: Start Bootstrap

Lizenz: frei verwendbar unter MIT-Lizenz

Genius – Minimal HTML Theme

Erstellt von: Khai Tawng

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Ultimate Multi-Purpose Bootstrap Site Template

Erstellt von: KeenThemes

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

GerduKreatip – Agency Portfolio Theme

Erstellt von: Andreansyah Setiawan.

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

6 HTML Themes by KeenThemes

Erstellt von: KeenThemes

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Agency

Erstellt von: Start Bootstrap

Lizenz: frei verwendbar unter MIT-Lizenz

Clean Blog

Erstellt von: Start Bootstrap

Lizenz: frei verwendbar unter MIT-Lizenz

Sharwadarma – Onepage Parallax Template

Erstellt von: Andreansyah Setiawan

Lizenz: Urhebernennung erforderlich, nur nichtkommerzielle Nutzung

KapukAlas – Multipurpose template

Erstellt von: Andreansyah Setiawan

Lizenz: Urhebernennung erforderlich, nur nichtkommerzielle Nutzung

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Box Portfolio

Erstellt von: Ahmed Eissa

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

New Providence Theme

Erstellt von: Denis Shepovalov

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Mountain King – HTML Bootstrap Template

Erstellt von: Theme in the Box

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Apollo – One Page HTML Template

Erstellt von: Bucky Maler und Jakub Kowalczyk

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Avana

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0 License.

iLand

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Startr

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Picxa

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Industrial Theme

Erstellt von: Anpsthemes

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Psychiatrist

Erstellt von: Anpsthemes

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Transport

Erstellt von: Anpsthemes

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Constructo Theme

Erstellt von: Anpsthemes

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Floxi

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Pixicon

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Landing Zero

Erstellt von: Bootstrap zero

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Vira

Erstellt von: Reza Haque

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Pouseidon

Erstellt von: Bootstrap Themes

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Travel Theme

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Ink

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Paper

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Words

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Verb

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Orange

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Concept

Erstellt von: FreeHTML5

Lizenz: Creative Commons Attribution 3.0

Orion – Bootstrap Coming Soon Template

Erstellt von: Designstub

Lizenz: Creative Commons Attribution 3.0

Material Dashboard

Erstellt von: Creative Tim,

Lizenz: nur für persönliche Projekte nutzbar

Karmo

Erstellt von: Tanislav Robert

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Akad

Erstellt von: Amine Akhouad

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Rik

Erstellt von: TemplateOcean

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

AppKit Landing

Erstellt von: Xiaoying Riley

Lizenz: Creative Commons Attribution 3.0

PrettyDocs

Erstellt von: Xiaoying Riley

Lizenz: Creative Commons Attribution 3.0

Fusion

Erstellt von: TemplateOcean

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Accounting Theme

Erstellt von: anpsthemes

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Alexis

Erstellt von: TemplateOcean

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Slab

Erstellt von: TemplateOcean

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

“Synthetica” One Page Website Template (HTML, Sketch)

Erstellt von: Peter Finlan

Lizenz: kostenlos für persönliche und kommerzielle Projekte zu verwenden

Resume

Erstellt von: Ahmed Essa

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Vojon

Erstellt von: Towkir Ahmed Bappy, Revol Themes, Shah Zobayer Ahmed

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Mart – eCommerce Theme

Erstellt von: Shah Zobayer Ahmed, Shah Yusuf Ahmed

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Nava

Erstellt von: Symu

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Foundapp

Erstellt von: Pixelosaur

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Perdana

Erstellt von: Zea

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Wooster

Erstellt von: Graphberry

Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar

Splash

Erstellt von: FreeHTML5.co

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Moe

Erstellt von: Dude’s Goods

Lizenz: Urhebernennung erforderlich

Akane

Erstellt von: Dude’s Goods

Lizenz: Urhebernennung erforderlich

Himu

Erstellt von: Steven Han

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Rabotic

Erstellt von: Ulziibat Nansaltsog

Lizenz: Urhebernennung erforderlich, Weitergabe zu gleichen Bedingungen.

Tight Glass

Erstellt von: Almaz Bisenbaev

Lizenz: Urhebernennung erforderlich, Weitergabe zu gleichen Bedingungen.

Soho

Erstellt von: Pixelbuddha team

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Howdy HTML Template

Erstellt von: Erwin Aligam

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Magnet Portfolio Template

Erstellt von: Khai Tawng

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

Kenakata – eCommerce Bootstrap Template PSD & HTML

Erstellt von: Shuvo Khan

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Avion Landing Page

Erstellt von: Glen Dragon

Lizenz: Urhebernennung erforderlich

Gready Responsive Html Template

Erstellt von: Madhu Mia

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Ink House

Erstellt von: Cecilia Brum

Lizenz: nur mit Genehmigung des Erstellers zu verwenden

vDoc

Erstellt von: Val themes

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Responsive Portfolio Mockup

Erstellt von: Abhijeet Das

Lizenz: Apache License v2.0.

Navigator

Erstellt von: Steven Han

Lizenz: nur nichtkommerzielle Nutzung, Urhebernennung erforderlich, keine Derivate zulässig

Asentus

Unship

Erstellt von: uicookies

Lizenz: Creative Commons Attribution, Urhebernennung erforderlich

Proximity – Under Construction

Erstellt von: uicookies

Lizenz: kostenlos für persönliche und kommerzielle Projekte, Urhebernennung erforderlich

X-Corporation Theme

Erstellt von: uicookies

Lizenz: Urhebernennung erforderlich

Sample Landing Page

Erstellt von: Brian

Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben

3 Antworten

  1. Es sind nicht die Themes an denen es fehlt, es sind die Kunden.
    Die meisten Themes sehen klasse aus weil sie tolle Bilder haben.
    Die wenigsten Websites verkaufen jedoch Fahrradtouren in den Rocky-Mountains, Designermöbel oder coole Tattoos zu denen die Hintergrundbilder hier passen.
    In der Realität werden uns an dieser Stelle wohl eher wieder die üblichen Grinsekasper aus den Stockphotos angrienen (Kim-Jong-Un-looking-at-Things lässt grüssen) um uns zu beweisen, dass auch die Arbeit bei einem Steuerberater oder als Versicherungsmakler Spass machen kann.

    1. Wenn man die Vorlagen mit Bildern (vorzugsweise mit dem Smartphone geknipst) und Texten (soweit vorhanden) von Kunden befüllt, sehen sie auch nicht mehr prickelnd aus. Wenn noch das von der Visitenkarte gescannte Logo aus den 80ern hinzu kommt, wünscht man sich, einen anderen Beruf erlernt zu haben … 😉

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Inhaltsverzeichnis

Unser Newsletter...

bietet Ihnen nützliche Tipps, die Ihren Arbeitsalltag erleichtern.

Social Media

Meistgelesen​

Schiftarten auf Webseiten und in Logos erkennen.

Schriftarten auf einer Website erkennen

Die massive Verbreitung der Webfonts bringt es mit sich, dass Typografie auch im Netz immer aufwändiger wird. Als stets interessierter Developer kommt es daher immer häufiger vor, dass du wissen möchtest, welcher Font da eingesetzt worden ist. Auch im Printbereich wirst du regelmäßig mit dieser Frage konfrontiert.