Can I use "Login Form with blurred background" in commercial projects?

Yes. All GoSnippets are MIT licensed for personal and commercial use without attribution.

Does this snippet include Bootstrap?

This example targets Bootstrap 5. Copy the HTML/CSS/JS into your layout after loading Bootstrap CSS and JS from CDN or npm.

Login Form with blurred background — Free Forms Snippet (Bootstrap 5)

Loading…

Source Code

1<!DOCTYPE html>
2<html lang="en">
3<head>
4	<meta charset="UTF-8">
5	<title>Transparent Login Form with Blur Background</title>
6	
7	<link href="style.css" rel="stylesheet">
8</head>
9<body>
10	<div class="contact-form">
11		<img alt="" class="avatar" src="https://i.imgur.com/aHDu87v.jpeg">
12		<h2>Login Form</h2>
13		<form action="">
14			<p>Email</p><input placeholder="Enter Email" type="email">
15			<p>Passwrod</p><input placeholder="Enter Password" type="password"> 
16			<input class = "custom-btn btn-4" type="submit" value="Sign in">
17			<p><input type="checkbox">Remember Me</p>
18		</form>
19	</div>
20</body>
21</html>
22

Login Form with blurred background

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Forms snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Login Form with blurred background

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Forms snippets

Working in Tailwind? Explore our Tailwind gallery

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection