Preloader
Auf dieser Website werden Daten wie z.B. Cookies gespeichert, um wichtige Funktionen der Website, einschließlich Analysen, Marketingfunktionen und Personalisierung zu ermöglichen. Sie können Ihre Einstellungen jederzeit ändern oder die Standardeinstellungen akzeptieren.
Cookie Hinweise
Datenschutzregelung
21.01.2025

Ressourcen

Inspiration

NameLink
Dribbblewww.dribbble.com
Awwwardshttps://www.awwwards.com/
Behancehttps://www.behance.net/

Illustration

Freepikhttps://de.freepik.com/
Ouchhttps://icons8.com/illustrations
Vecteezyhttps://www.vecteezy.com/

Fotos

Pexelshttps://www.pexels.com/
Bursthttps://burst.shopify.com/
Unsplashhttps://unsplash.com/
Pixabayhttps://pixabay.com/de/

Mockups

GraphicBurgerhttps://graphicburger.com/
Pixedenhttps://www.pixeden.com/
Graphic Pearhttps://www.graphicpear.com/

SVG Patterns Generators

Cool Backgroundshttps://coolbackgrounds.io
SVG Color Matrix Mixerhttps://fecolormatrix.com/
Tabbiedhttps://tabbied.com/select-artwork
Pattern Monsterhttps://de.pattern.monster/

jQuery Plugins

Slider

 
Slick
Von Niclas empfohlen		https://kenwheeler.github.io/slick/
Owl Carousel 2https://owlcarousel2.github.io/OwlCarousel2/
Skippr.https://austenpayan.github.io/skippr/
Slyhttps://darsa.in/sly/

Mobile Slider

 
Swiper.jshttps://swiperjs.com/

Gallery

 
Unite Gallery
Flex Galerie		http://unitegallery.net/index.php

Filter

 
Filterizrhttps://yiotis.net/filterizr/#/

Parallax

 
Parallax.jshttp://pixelcog.github.io/parallax.js/

Counter

 
Counter Up 
(Nur bis jQuery Version 2)		https://github.com/bfintal/Counter-Up
Counter 
(jQuery Version 3)		https://www.jqueryscript.net/animation/animated-counter-when-visible.html

Formular Tools

 
Nice Select
Ersetzt den normalen <select> gegen einen konfigurierbaren <select> ein		http://hernansartorio.com/jquery-nice-select/
time- datedropper
Zeit Plugin (am besten für Responsive)		https://felixg.io/
FormValidationhttps://formvalidation.io/

Lightbox

 
Chocolathttp://chocolat.insipi.de/
Fancybox 3https://fancyapps.com/fancybox/3/
nanogallery2https://nanogallery2.nanostudio.org/

Typing

 
TypeIthttps://typeitjs.com/

Scroll Effekte

 
AOShttps://michalsnik.github.io/aos/
wow.jshttps://wowjs.uk/

Sonstige Plugins

 
SweetAlert2
Animierte Alert Funktion		https://sweetalert2.github.io/
animatedModal.js
Animierte fullscreeen Modal		https://joaopereirawd.github.io/animatedModal.js/
adaptive backgrounds
Ein Plugin das die Hauptfarbe von einem Hintergrund ausgibt		https://briangonzalez.github.io/jquery.adaptive-backgrounds.js/
PACE
Automatische page load progress bar		https://codebyzach.github.io/pace/
Hamburgers
Animierte Hamburger Menu Icons		https://jonsuh.com/hamburgers/
Tabslet
HTML Tab Plugin		http://vdw.github.io/Tabslet/

CSS Tools

Loader

https://css-loaders.com/
https://www.cssportal.com/css-loader-generator/
https://whirl.netlify.app/
https://10015.io/tools/css-loader-generator
https://cssloaders.github.io/

Online Entwicklertools

Colorrrs
Hex zu RGB Converter		https://www.webfx.com/web-design/hex-to-rgb/
Get Waves
Zufällige SVG Wellen		https://getwaves.io/
Wordmark
Hilft dir die richtige Schrift zu finden		https://wordmark.it/
Omatsuri
Browser Tools		https://omatsuri.app/
Haikeihttps://app.haikei.app/
Tiny Helpershttps://tiny-helpers.dev/
10015
All Online Tools in “One Box”		https://10015.io/
JSON Visio
JSON Dateien in einem Baumdiagramm visualisieren		https://jsonvisio.com/
readme.so
Erstelle und bearbeite ganz einfach README Files		https://readme.so
MESHER by CSS Hero
Multiple Gradient Generator		https://www.csshero.org/mesher/
TinyWow
Tools That Solve Your Files Problem!		https://tinywow.com/
fffuel.cu
Free SVG generators, color tools & web design tools		https://fffuel.co/

AI Entwicklertools

Adrenaline
Your AI-powered debugger		https://useadrenaline.com/

Icons

Fonts

 
Font Awesomehttps://fontawesome.com/search
IcoFonthttps://icofont.com/icons/
Line-Awesomehttps://icons8.com/line-awesome
LineIcons
Von Niclas empfohlen		https://lineicons.com/
Material Iconshttps://material.io/resources/icons/
Flaticonhttps://www.flaticon.com/
Material Symbols von Googlehttps://fonts.google.com/icons
Feathericonshttps://feathericons.com/
Heroiconshttps://heroicons.com/
Eva icons https://akveo.github.io/eva-icons/
Tabler Iconshttps://tablericons.com/
Hiconhttp://hicon.me/
Majesticonshttps://www.majesticons.com/
iconmonstr
(Discover 4699+ free icons in 316 collections)		https://iconmonstr.com/
Cooliconshttps://coolicons.cool/
iconoirhttps://iconoir.com/
Boxiconshttps://boxicons.com/
REMIX ICONhttps://remixicon.com/
iconsaxhttps://iconsax.io/

Animierte Icons

 
Lordicon
(JSON herunterladen und einbinden)		https://lordicon.com/
useAnimationshttps://useanimations.com/
iconscouthttps://iconscout.com

Grafiken

 
Iconfinderhttps://www.iconfinder.com
Flaticonhttps://www.flaticon.com/
Icons8https://icons8.de/
Iconstorehttps://iconstore.co/

Ottokar Sonstiges xD

iLoveIMG

Compress JPG, PNG, SVG or GIF with the best quality and compression.

https://www.iloveimg.com/
SVG Viewer Edit SVG and Save as PNGhttps://www.svgviewer.dev/svg-to-png
Siganturen erstellenhttps://bunnydoc.com/ai-signature-generator/
Einfache Custom OpenStreetMaphttps://umap.openstreetmap.de/de/
Video Komprimieren https://handbrake.fr/
Cursor VSC mit AI https://www.cursor.com/
LM Studio für Lokale LMs
Modelleempfehlungen:
dolphin-2.8-mistral-7b-v02-GGUF
Llava-v1.5-7B-GGUF
Qwen2.5-Coder-7B-Instruct-GGUF		https://lmstudio.ai/
Remove.bg schnell Hintergrund entfernen geht nur für SD Bilder da HD kostenpflichtig isthttps://www.remove.bg/
  

Sonstiges

Fig (Bisher nur auf den Mac)
Fig adds IDE-style autocomplete to your existing terminal.		https://fig.io/
Medusa
The Open Source Shopify Alternative		https://medusajs.com/
Meta Tags
Generate Meta Tags Head		https://metatags.io/
Inhaltsverzeichnis