Dribbbleの作品をCodePenで再現しているギャラリー「Give ’n’ Go」

Dribbbleの作品をCodePenで再現しているギャラリー「Give ’n’ Go」

面白かったのでご紹介。
「Give ’n’ Go」はDribbbleで公開されている作品をCodePenを用いて再現しているギャラリーです。
見た目だけでなくアニメーションも含めて再現しているものも多く、中にはここまで再現できるのかと驚くものもあります。

Give ’n’ Go

それぞれ以下のような形で一覧化されており、左側がDribbbleで公開されている作品、右側がCodePenを用いて再現しているものになっています。
CodePenを用いているので実際にどのようなソースで実装されているか見ることもでき、見て楽しむだけでなく同じような動きを実装したい時の参考にもなります。

Give ’n’ Go

見た目を再現するのはもちろん、アニメーションなども忠実に再現している作品も多く、また再現されているものも実用的なのから遊び心あるものまで様々なタイプの作品があります。
興味ある方は以下よりご覧になれます。

Close the search window,
please press close button or esc key.