Checkboxes

9.12.2019

Micro-interaction is a couple variations on a classic checkbox.

Made with: HTML,CSS (SCSS)

View Code

Checkboxes

Checkmark

3.10.2019

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

View Code

Checkmark

Check Boxes

17.07.2019

Pure CSS checkboxes.

Made with: HTML

View Code

Check Boxes

Checkbox Animation

29.06.2019

Checkbox animation created using HTML and CSS only.

Made with: HTML,CSS

View Code

Checkbox Animation

Style Checkboxes

26.06.2019

Style Checkboxes - using CSS custom properties.

Made with: HTML

View Code

Style Checkboxes

Checkbox

15.06.2019

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

View Code

Checkbox

Checkbox

15.06.2019

Simple checkbox with animation.

Made with: HTML,CSS (SCSS)

View Code

Checkbox

Fancy Checkbox

6.06.2019

Uses only a checkbox input and label (so it's accessible by default) inside a form (as blending directly with the body is buggy).

Made with: HTML,CSS (SCSS)

View Code

Fancy Checkbox

Flip Checkbox

9.02.2019

Flip checkbox in HTML and CSS.

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

View Code

Flip Checkbox

Lock Checkbox

6.02.2019

Lock - pure CSS micro interaction made with HTML checkbox and SVG.

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

View Code

Lock Checkbox

Checkbox

2.12.2018

Pure CSS animated checkbox.

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

View Code

Checkbox

Chippy Checkbox Inputs

18.10.2018

Made with: HTML,CSS

View Code

Chippy Checkbox Inputs

Toggle Checkbox Animation

20.09.2018

Toggle check button. Sweet animation, smooth and right speed.

Made with: HTML,CSS (SCSS)

View Code

Toggle Checkbox Animation

Fancy Checkboxes And Radio Buttons

23.08.2018

Made with: HTML,CSS

View Code

Fancy Checkboxes And Radio Buttons

Pure Css Checkboxes

18.07.2018

Made with: HTML,CSS

View Code

Pure Css Checkboxes

Emojibox - Checkbox With Emojis

5.07.2018

Checkbox with emojis (without JS). Create more expressive checkboxes with emojis. They combine the simplicity of checkboxes for the user with the expressiveness of emojis. It makes use of checkbox and radio button to create a binary or non-binary selection. Animations are done with CSS transitions.

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

View Code

Emojibox - Checkbox With Emojis

Css Toggle

9.05.2018

Material design CSS toggle.

Made with: HTML

View Code

Css Toggle

Css Design Checkbox

3.05.2018

CSS material design checkbox.

Made with: HTML

View Code

Css Design Checkbox

Checkbox

18.04.2018

CSS checkbox.

Made with: HTML

View Code

Checkbox

Pure Css Skateboard Checkbox

17.04.2018

Built with pure css and a bit of patience.

Made with: HTML/Haml

View Code

Pure Css Skateboard Checkbox