Collection of free HTML and CSS Studio Ghibli characters from codepen and other resources.

Demo image: Le Voyage de Chihiro - Susuwatari

Author

  • Laetitia Huriaux

Links

Made with

  • HTML / CSS

About a code

Le Voyage de Chihiro - Susuwatari

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Kodama

Author

  • Andrés Nicolás Tonello

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Kodama

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Totoro Bus Stop with Grid Layout

Author

  • Jackie Card

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Totoro Bus Stop with Grid Layout

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • Emma Hastjarjanto

Links

Made with

  • HTML / CSS (SCSS)

About a code

Jumping Totoro CSS Animation

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: TOTORO in Rain

Author

  • Motoko Ishii

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

TOTORO in Rain

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Princess Mononoke Game

Author

  • Anna the Scavenger

Links

Made with

  • HTML / CSS (SCSS) / JS (Babel)

About a code

Princess Mononoke Game

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: react.js, react-dom.js, tweenmax.js, baffle.js

Demo image: Miyazaki Tribute – with SVG and GSAP

Author

  • Nerdmanship

Links

Made with

  • HTML / CSS (SCSS) / JS

About a code

Miyazaki Tribute – with SVG and GSAP

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: foundation.css, tweenmax.js

Author

  • tiffany choong

Links

Made with

  • HTML / CSS (SCSS)

About a code

My Neighbor Totoro

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Soot Ball [Ghibli CSS Series]

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Soot Ball [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Calcifer [Ghibli CSS Series]

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Calcifer [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Boh and Yubaba's Bird [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Jiji [Ghibli CSS Series]

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Jiji [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: No-Face [Ghibli CSS Series]

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

No-Face [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Totoro Flat [Ghibli CSS Series]

Author

  • chilli con code

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Totoro Flat [Ghibli CSS Series]

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Catbus

Author

  • Adam Kuhn

Links

Made with

  • HTML (Haml) / CSS (SCSS)

About a code

Catbus

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Castle In The Sky CSS

Author

  • Kirsten Rauffer

Links

Made with

  • HTML / CSS

About a code

Castle In The Sky CSS

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -

Demo image: Pixel Chibi Totoro

Author

  • mintlodica

Links

Made with

  • HTML (Pug) / CSS (SCSS)

About a code

Pixel Chibi Totoro

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Demo image: Howl's Moving Castle

Author

  • Nathan Gordon

Links

Made with

  • HTML / CSS / JS

About a code

Howl's Moving Castle

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js, tweenmax.js

Demo image: CSS Kodama

Author

  • Jack P

Links

Made with

  • HTML / CSS

About a code

CSS Kodama

Kodama (from Princess Mononoke) drawn and animated using CSS only.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: no

Dependencies: -