Eine Vielzahl der unten aufgeführten HTML-Template 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“. Dasselbe gilt in der Regel auch für kostenlose Bilder.
Hinweis: Links, die mit einem Sternen gekennzeichnet sind, sind Affiliate-Links. Das bedeutet, das wir eine Provision erhalten, wenn du auf der verlinkten Website etwas kaufst. Für dich entstehen dadurch keine zusätzlichen Kosten. Durch den Klick bzw. Kauf unterstützt du Dr. Web. Danke! 🥰
Suchst du nach einer Lösung, wie du HTML und CSS bearbeitest? Wir haben die besten HTML-Editoren getestet und stellen sie vor. Es macht zudem generell Sinn, eine Website in WordPress zu erstellen. Damit kannst Du jegliche Inhalte wesentlich einfacher aktuell halten als mit einer statischen Seite.
Im Allgemeinen sind HTML5-Vorlagen * gebrauchsfertige Designs, mit denen du eine Website auch für Kunden mit wenig Budget erstellen kannst. Dabei kannst du aus einer Vielzahl von Stilen und Themes wählen. Mit den Vorlagen ist es auch ohne Programmierkenntnisse möglich, deren Aussehen nach deinen Vorstellungen anzupassen. Die Templates bieten zudem weitere Funktionen an wie z.B. eine Social-Media-Integration, ein Kontaktformular und mehr.
Intense – eine universelle HTML-Vorlage mit vielen Facetten
Intense 2 * ist eine multifunktionale Website-Vorlage für verschiedene Bereiche und Kunden, z.B. aus der Immobilienbranche, für Fotografen, Friseur-Salons und vieles andere mehr. Die Vorlage kommt mit 30 Portfolioseiten, über 50 Blogseiten und über 30 E-Commerce-Templates daher. Zudem bietet es mehr als 300 wiederverwendbare Komponenten und Plugins an, die die Seite noch hochwertiger erscheinen lassen.
PathSoft – Die schnellste Mehrzweck-Vorlage für E-Commerce-Websites
PathSoft * ist eine kreative und voll funktionsfähige Website-Vorlage, mit der du deine Marke von ihrer besten Seite präsentieren kannst. Es kann sich als perfekt für Unternehmenswebsites, Online-Shops, Visitenkarten und Blogs erweisen. Du kannst eine große Anzahl von Elementen ändern, darunter Text, Schaltflächen, Hintergründe und viele andere. Es gibt fünf Homepage-Stile, die es ermöglichen, einen hervorragenden Eindruck beim Publikum zu hinterlassen. Dank der Verfügbarkeit eines Kontaktformulars, kannst du mühelos mit deinen Zuschauern in Kontakt treten.
Luxury Hotel
Luxury Hotel ist ein kostenlose, elegantes HTML-Templates, die von Joefrey Mahusay entworfen wurde. Mit seinem modernen Design, seiner Typografie sowie den gelungenen Animationen ist es ein toller Ansatzpunkt, um eine beeindruckende Website für Hotels und Ferienhäuser zu erstellen.
Zum Download des Templates ist die Angabe der Email-Adresse erforderlich.
Butterfly
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
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.
Whole — ein responsives, multi-funktionales HTML-Template
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
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.
Sartre — ein multi-funktionales HTML-Template für Kreative
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
The SEO Company ist eine kostenloses HTML-Template 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
Appland ist ein kostenloses HTML-Template und elegante Landing Page für Apps, Software und Online-Tools.
Stig — ein multi-funktionales Landingpage HTML-Template
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:
- Ü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
Lizenz: Creative Commons Attribution
2. Dimension
Lizenz: Creative Commons Attribution
3. Ethereal
Lizenz: Creative Commons Attribution
4. Forty
Lizenz: Creative Commons Attribution
5. Fractal
Lizenz: Creative Commons Attribution
6. Paradigm Shift
Lizenz: Creative Commons Attribution
HTML-Templates und Website-Vorlagen für Magazine & Blogs
1. Editorial
Lizenz: Creative Commons Attribution
2. Future Imperfect
Lizenz: Creative Commons Attribution
3. Massively
Lizenz: Creative Commons Attribution
4. Strongly Typed
Lizenz: Creative Commons Attribution
Persönliche „About Me“ Website-Vorlagen
1. Lens
Lizenz: Creative Commons Attribution
2. Phantom
Lizenz: Creative Commons Attribution
3. Story
Ein sehr umfangreiches Website-Template. Ein Blick lohnt sich! Lizenz: Creative Commons Attribution
HTML-Templates für Agenturen und Freelancer
1. Escape Velocity
2. Hyperspace
Lizenz: Creative Commons Attribution
3. Parallelism
Lizenz: Creative Commons Attribution
Solid State
Lizenz: Creative Commons Attribution
Stellar
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
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
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
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
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
AppKit Landing
Erstellt von: Xiaoying Riley
Lizenz: Creative Commons Attribution 3.0
PrettyDocs
Erstellt von: Xiaoying Riley
Lizenz: kostenlos für persönliche und kommerzielle Projekte nutzbar
Accounting Theme
Erstellt von: anpsthemes
Lizenz: Als „Free“ bezeichnet, keine echte Lizenz angegeben
“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.
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
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
7 Antworten zu „HTML-Templates: Die besten Website-Vorlagen für Dein Projekt“
— was ist Deine Meinung?
Templates und Themes von Drittanbietern sind gut für Webseiten privater Natur wie bspw. Blogs etc., wo nichts oder nur kaum etwas mit erwirtschaftet werden muss oder der Betreiber der Website keinen oder nur geringen Wert auf deren Resonanz bei den Besuchern legt. Aber überall dort wo Gleichförmigkeit/Auswechselbarkeit bedeuten kann, dass der zunächst freundlich erscheinende „Kuckuckskleber“ mal vorbeischaut, haben sie eigentlich nichts zu suchen (außer deren Erscheinungsbild wird völlig verändert).
Nicht selten sind die „Großen“ Templates/Themes so „verbaut“ und von mehreren „eigenen Süppchenkochern“ vermurkst und fehlerhaft oder fehleranfällig, dass man zeitmäßig schneller was Eigenes gebastelt bekommt (so man damit versiert ist) und dann auch bedeutend weniger graue Zellen sinnlos verbrennt.
Klasse Artikel und vor allem leicht verständlich erklärt. Werde einiges davon sicherlich umsetzen 😉
Hallo Nataly,
Der Artikel ist einfach toll. Ich habe nur darüber nachgedacht, meine Website ein wenig zu ändern. Ich habe viel darüber gelesen, einschließlich Ihres Artikels https://www.drweb.de/wp-real-media-library/ , Bisher kann ich mich jedoch nicht für eine Vorlage entscheiden. Ich habe eine bestimmte Nische und muss mich sehr anpassen.
Nochmals vielen Dank für den Artikel,
LG Matthias
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.
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 … 😉
Haha, wie cool! Ein Glück, es geht nicht nur uns so, der Tag ist gerettet. Und dann gibt es noch die Kunden, die sagen „ich schreibe alle Texte und mache morgen auch die Bilder, mein Kumpel ist nämlich Fotograf“. Aber kommen tut … nichts. Und hinterher ist die Webdesign-Agentur (natürlich) schuld, dass die Website ewig nicht fertig wird. Ich glaube, es ist Zeit für einen neuen Artikel: Webdesigners-Pain. And by the way: Großartige Theme-Auswahl!
Wow, vielen Dank! Da kann man sich gar nicht entscheiden.
Kommentare sind geschlossen.