Input Text/Password Animation

Only CSS input text/password animation.

Made with: HTML,CSS (SCSS)

View Code

Minimal Material Design Form Input

Super easy and fully scalable Material Design form input. Change one variable to change the size of everything.

Made with: HTML (Pug),CSS (SCSS)

View Code

Webflow-Style Email Input

Based on the input on https://webflow.com/cms. Changed to make use of pseudo elements and flexbox layout.

Made with: HTML,CSS (SCSS)

View Code

Nice, Compliant Input Boxes

Nice input box with a lot of styling based on sibling selectors and psuedo classes. CSS only, and WCAG 2.0 AA compliant!

Made with: HTML,CSS

View Code

Material Design Input Text

Made with: HTML,CSS (SCSS)

View Code

Google Material Design Input Boxes

A CSS experiment to recreate the Google Material Design Polymer input boxes in CSS.

Made with: HTML,CSS

View Code

Fancy Text Inputs

Made with: HTML,CSS (Sass)

View Code

Adaptive Placeholder

Once activated, the input placeholders become input labels.

Made with: HTML (Haml),CSS (Less)

View Code

Text Input

Made with: HTML,CSS (SCSS)

View Code