code-shots

codeshots is all about bringing life into designs.

Pinned Repositories

blog-post
A blog post design with scroll-based animations.
Language:HTML14
cinema-app
Animated cinema user interface using anime.js
Language:HTML72
e-commerce
An modern e-commerce landing page using anime.js and with animated page transitions.
Language:HTML26 1 011
music-player
A simple music player built with HTML, CSS and JS.
Language:CSS32
page-transition
Simple example of page transitions with fetch-API.
Language:JavaScript1 1 00
portugal-website
Simple website with anime.js animations.
Language:CSS20
service-hover
A hover effect created with anime.js.
Language:HTML61
surf-shack
An animated and responsive website built with HTML, CSS and JS.
Language:HTML40
wallet-app
A simple wallet UI build with HTML and CSS.
Language:CSS9 1 012
welcome-screen
An animated welcome screen with a loader.
Language:JavaScript21

code-shots/e-commerce
An modern e-commerce landing page using anime.js and with animated page transitions.
Language:HTML26 1 011
code-shots/wallet-app
A simple wallet UI build with HTML and CSS.
Language:CSS9 1 012
code-shots/cinema-app
Animated cinema user interface using anime.js
Language:HTML72
code-shots/service-hover
A hover effect created with anime.js.
Language:HTML61
code-shots/surf-shack
An animated and responsive website built with HTML, CSS and JS.
Language:HTML40
code-shots/music-player
A simple music player built with HTML, CSS and JS.
Language:CSS32
code-shots/portugal-website
Simple website with anime.js animations.
Language:CSS20
code-shots/welcome-screen
An animated welcome screen with a loader.
Language:JavaScript21
code-shots/blog-post
A blog post design with scroll-based animations.
Language:HTML14
code-shots/page-transition
Simple example of page transitions with fetch-API.
Language:JavaScript1 1 00
code-shots/todo-app
A simple animated todo app built with HTML, CSS and JS.
Language:CSS1 1 01
code-shots/github-landing
Rebuild of GitHubs new landing page for educational purposes. Done in HTML & CSS.
Language:HTML4
code-shots/parallax-boxes
Simple parallax effect for websites built with Tilt.js
Language:HTML
code-shots/text-animation
Smooth text animations using anime.js.
Language:JavaScript1 0
code-shots/unsplash-credit-popup
Rebuilding the credit popup from unsplash.com
Language:CSS