Skip to content
Sign-in form with clean CSS animations that respond to your actions.
CSS JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode
css
.gitignore
favicon.ico
index.html
package-lock.json
package.json
readme.md
script.js
styles.scss

readme.md

Animated Sign-In

A sign-in form with an animated background that responds to each click or tap.

About

This was intended as a UI exercise to boost my design and CSS animation skills.

In addition, I created a sign-in form that — while not connected to a back end — simulates the sign-in and sign-up experiences, complete with loading animations and unique messages that appear on the completion of the email sign-in, social sign-in, and sign-up processes.

Email addresses must follow the "name@domain.com" format, and passwords must be between 6 and 20 characters.

Inspired by Dmitry's Sign In, Sign Up Form on Dribble.

Technologies Used

The entire project was built with HTML and Sass. Social icons were provided by Font Awesome.

You can’t perform that action at this time.