This is an arrangement of boxes that on hover resize to take more space within its container. The hover properties and the width on the boxes are a...
This is an arrangement of boxes that on hover resize to take more space within its container. The hover properties and the width on the boxes are achieve through pure CSS but it also makes use of Sass variables only for setting colors and font sizes. This expanding grid was created by CodePen user Joel Duke.
This is an amazing shading effect for images that take advantage of the shading capabilities of OpenGL brought to the web through ThreeJS. Essentia...
This is an amazing shading effect for images that take advantage of the shading capabilities of OpenGL brought to the web through ThreeJS. Essentially it's just setting ThreeJS up so that it renders a flat surface upon which to draw the shader. Created by CodePen user Liam Egan.
This is a minimalistic images carousel built with FlexBox display layout and jQuery. The slider action is controlled via jQuery, styled by making u...
This is a minimalistic images carousel built with FlexBox display layout and jQuery. The slider action is controlled via jQuery, styled by making use of pure CSS with a really nice transition effect that feels almost like if you were taking photographies. Created by CodePen user Veronica (@veronicadev).
This is an instant and strong password generator built with Vue.js 2. The UI consists on three stepped sliders positioned on the bottom, a center g...
This is an instant and strong password generator built with Vue.js 2. The UI consists on three stepped sliders positioned on the bottom, a center green slider showcasing the password’s strength and an upper box where you can check and copy the password itself. Created by CodePen user Nour Saud (@nourabusoud).
This is a set of hamburger menu icons with nice animations and subtle interactions. Each icon has hover states that really clues in the users to wh...
This is a set of hamburger menu icons with nice animations and subtle interactions. Each icon has hover states that really clues in the users to what is going to happen on click. Created by CodePen user Ahmad Emran.
This is a neat button effect that on hover showcases a radial gradient based on the mouse position relative to the button. It makes use of Sass var...
This is a neat button effect that on hover showcases a radial gradient based on the mouse position relative to the button. It makes use of Sass variables that in tandem with JavaScript gives the relation of the mouse position and assigns the proper color gradient to the element. Created by CodePen user Tobias Reich.
