33 CSS Formulare (Design Inspirationen)

CSS Formulare sollten nicht nur ihren praktischen Zweck erfüllen, sondern können ganz neben bei auch noch sehr schön aussehen! Eine Liste von sehr anschaulichen Formularen gibt es hier!

Auf vielen Websites und Webanwendungen begegnest du Formularfeldern. Manchmal sind es nur einfache Eingaben, wie ein Suchfeld oder Altersabfrage. Hat man aber einen ganzen Zusammenschluss von diesen Felder spricht man von Formularen.

Die ganz schlichten kennt jeder, aber darf es auch etwas ausgefallener sein? Ja? Super! Denn ich habe mich auf die Suche gemacht und habe (meiner Meinung nach) sehr schöne, nutzerfreundliche aber auch nicht ganz schlichte Formulare rausgesucht und möchte sie dir hier gern vorstellen.

Die gezeigten Pens sind mit MIT lizensiert. Mehr Infos zur eigenen Nutzung findest Du im Codepen Blog.

#1 Bootstrap MultiStep Form

Autor
designify-me

Progrmmiert in
HTML, CSS (Bootstrap), JS (jQuery, Bootstrap, jQuery Ease)

#2 Panda Login

Autor
Vineeth.TR

Progrmmiert in
HTML, CSS (SCSS), JS (jQuery)

#3 Snake highlight

Progrmmiert in
HTML, CSS, JS (anime.js)

#4 Step by Step Form Interaction

Autor
balapa

Progrmmiert in
HTML, CSS, JS (jQuery)

#5 Credit Card Form – VueJs

Progrmmiert in
HTML, CSS (SCSS), JS (Vue, Vue The Mask)

#6 Multi Step Form with Progress Bar

Progrmmiert in
HTML, CSS, JS (jQuery, jQuery Ease)

#7 Day 001 Login Form

Autor
Mohan Khadka

Progrmmiert in
HTML, CSS

#8 Credit Card Payment Form

Autor
Adam Quilan

Progrmmiert in
HTML, CSS, JS (imask)

#9 Interactive Form

Progrmmiert in
HTML, CSS (SCSS)

#10 Material Login Form

Autor
Andy Tran

Progrmmiert in
HTML (Pug), CSS (SCSS), JS (jQuery)

#11 Login Form – Modal

Autor
Andy Tran

Progrmmiert in
HTML (Pug), CSS (SCSS), JS (jQuery)

#12 Form Design

Progrmmiert in
HTML, CSS, JS (jQuery)

#13 Basic hotel booking form

Autor
Andi Dysart

Progrmmiert in
HTML, CSS (SCSS), JS (jQuery, jQuery UI Autocomplete)

#14 Interactive Sign Up Form

Progrmmiert in
HTML (Pug), CSS (SCSS), JS (jQuery)

#15 Login Form

Progrmmiert in
HTML, CSS

#16 Minimalistic Form

Autor
matmarsiglio

Progrmmiert in
HTML (Pug), CSS (Sass), JS

#17 React signup form example

Autor

#18 3D login form concept

Autor
jenning

Progrmmiert in
HTML (Pug), CSS (Sass), JS (jQuery)

#19 Unfolding Login Form

Autor
hans

Progrmmiert in
HTML, CSS (SCSS), JS (jQuery)

#20 Log In Form CSS 2017

Autor
linux

#21 Log in / Sign up

Autor
Anna_Batura

Progrmmiert in
HTML (Slim), CSS (Sass), JS (jQuery)

#22 Login Form with floating placeholder and light button

Progrmmiert in
HTML, CSS

#23 Double slider Sign in/up Form

Autor
FlorinPop17

Progrmmiert in
HTML, CSS, JS

#24 Login

Progrmmiert in
HTML, CSS (PostCSS)

#25 Log In/Sign Up – pure css

Autor
ig_design

Progrmmiert in
HTML, CSS

#26 Slide Sign In/Sign Up form

Autor
danielarlert

Progrmmiert in
HTML, CSS, JS

#27 Form Switch Animation (2023)

Autor
suez

Progrmmiert in
HTML, CSS (SCSS), JS (TypeScript)

#28 Flat Login Form

Autor
andytran

Progrmmiert in
HTML, CSS (SCSS), JS (jQuery)

#29 Responsive Signup/Login form

Autor
Mhmdhasan

Progrmmiert in
HTML, CSS (Sass), Bootstrap, JS (jQuery)

#30 Material Bootstrap Wizard

Autor
creativetim

Progrmmiert in
HTML, CSS, JS (jQuery)

#31 Login, Register Form

Autor
vikasverma93

Progrmmiert in
HTML, CSS, JS (jQuery)

#32 Login/signup form animatino

Autor
shayanea

Progrmmiert in
HTML, CSS (SCSS), JS

#33 Step by step register form

Autor

Progrmmiert in
HTML (Pug), CSS (Sass), JS

Welches Formular hat dir am besten gefallen? Wenn du auch ein geniales Formular auf Codepen veröffentlicht hast, lass es mich gerne wissen, damit ich diese Liste erweitern kann! 🙂

Hinweis: Alle Formulare sind alle auf codepen.io veröffentlicht und nicht von mir.

Noch nicht genug? Dann könnte das etwas für Dich sein:

Ähnliche Beiträge
Schreibe einen Kommentar

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

bold italic underline strikeThrough
insertOrderedList insertUnorderedList outdent indent
removeFormat
createLink unlink
code

Das könnte dich auch interessieren