CSS and JavaScript Snippets | Bypeople

deals

premiumpacks & css and javascript snippets (82 items)

A collection of useful CSS and JavaScript snippets from around the web that might come in handy.

freebies

This is a set of cards with fluid interactions recreating the "Motion Study" by Dribbble user Mauricio Vio. It is fully responsive, structured and ...

This is a set of cards with fluid interactions recreating the "Motion Study" by Dribbble user Mauricio Vio. It is fully responsive, structured and styles with HTML and CSS preprocessed through Pug and Sass with the use of a javascript library for easily create an manage CSS polyfills. Created by CodePen user Jacob Foster.

This is an awesome text effect that mix randomized characters into any sentence or text string. It mainly uses Zepto.JS (basically like using jQuer...

This is an awesome text effect that mix randomized characters into any sentence or text string. It mainly uses Zepto.JS (basically like using jQuery) for managing the strings messages and code characters that are used in the mixing process. It is also styled with CSS precompiled with SCSS for adding a bit of color and format. Created by CodePen user Lauri.

This is a search bar that on click expands to showcase the input area and featuring a smooth loading animation when querying the search. The on-cli...

This is a search bar that on click expands to showcase the input area and featuring a smooth loading animation when querying the search. The on-click and search bar actions are processed through Javascript and the animations are created with CSS composed with Sass. Created by CodePen user Aaron Iker.

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, an...

4000+ Design Resources Megabundle, Only $19! 1.600+ PS Brushes, 2000 Vector Icons, 500 High-Res Patterns, Photoshop Actions, Professional Fonts, and Presentation Templates (97% Off)

A lightweight CSS animation library that consists only of animations that don't cause reflows and repaints of a website when used correctly. The Ba...

A lightweight CSS animation library that consists only of animations that don't cause reflows and repaints of a website when used correctly. The Basic idea is to remove the transition from the element, not to apply it while animating. It saves the user a tiny lag before animation starts and feels super smooth. Created by Github dev Anna Migas under MIT License.

A Set of tabs that adapts to the height of their content when switched, it uses JavaScript as a modifier and is styled with SCSS. The tabs have smo...

A Set of tabs that adapts to the height of their content when switched, it uses JavaScript as a modifier and is styled with SCSS. The tabs have smooth transitions and even an example of a color picking palette that can be useful when building web apps. Created by Codepen user Lewi Hussey.

Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.

Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duoton...

Ultimate PS Actions Pack: 2500 Photoshop Actions, Only $19! Huge Selection Of Styles Like Painting, Light Leaks, HDR, Bubble, Neon, Vintage, Duotone, and More. Bonus Vector Icons & Elements!

Socialight is a Javascript library to get Social Network Share Counts with Vanilla JS only. Supports the following services Facebook, Twitter, Goog...

Socialight is a Javascript library to get Social Network Share Counts with Vanilla JS only. Supports the following services Facebook, Twitter, Google+, Linkedin, Pinterest and Buffer, and latest versions of IE, Chrome, Firefox, Opera, and Safari.

Simple HTML5/CSS3 login form that also works as registration form created by Codepen user Aigars Silkalns. You can easily tweak this form further t...

Simple HTML5/CSS3 login form that also works as registration form created by Codepen user Aigars Silkalns. You can easily tweak this form further to use it as part of your web app, website or anything else.

Beautiful and practical snippet by Codepen user Will King, it allows for creating underlining effects with gradient coloring and a transition effec...

Beautiful and practical snippet by Codepen user Will King, it allows for creating underlining effects with gradient coloring and a transition effect on mouse over that expands the underlining, turning it into a highlight effect. Unlike with CSS pseudo elements, this mix of JS/CSS works smoothly on line-breaks.

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of template...

An extensive collection of design assets: From color palettes, icons, paper textures, engraving brushes, vectors, actions; to all kinds of templates and branding items. Only $19. Limited time offer, time is running out!

Full-screen background videos can be a powerful feature to have on a website, and, through the power of CSS, Codepen user Dudley Storey has created...

Full-screen background videos can be a powerful feature to have on a website, and, through the power of CSS, Codepen user Dudley Storey has created a neat snippet, complete with directions and recommended practices in order to implement this visually engaging feature on your website.

A neat and responsive 3D perspective animated slider, created in CSS and JS by Codepen user Alex N with cues from Rachel Smith. The snippet consist...

A neat and responsive 3D perspective animated slider, created in CSS and JS by Codepen user Alex N with cues from Rachel Smith. The snippet consists of an image slider/carousel that, along with a discrete parallax effect on the image, has a smooth transition that, on click, takes you from one image to the next through a nice looking animation effect.

A nice and lightweight JS snippet by codepen user Tommy Dunn, its name says it all: it creates a cool auto typing animation, easily customizable an...

A nice and lightweight JS snippet by codepen user Tommy Dunn, its name says it all: it creates a cool auto typing animation, easily customizable and implemented.

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

An exclusive pack of 50 Script Fonts delivered in 10 different families, covering a wide variety of styles & weights. Only $15!

UI box is a lightweight CSS animated interactive subscription box. This is an easy to test and implement feature and the snippet was uploaded to Co...

UI box is a lightweight CSS animated interactive subscription box. This is an easy to test and implement feature and the snippet was uploaded to Codepen by user Chouaib Blgn

A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follow it, tilting th...

A cool and lightweight CSS 3D tilt effect created by Codepen user Peter Barr, the panels interact with the mouse position and follow it, tilting the image as you move the pointer through. Desktop only!

This is a neat CSS and JS code snippet for making a before-after layer slider that allows up to 3 states to take advantage of. Created by Codepen u...

This is a neat CSS and JS code snippet for making a before-after layer slider that allows up to 3 states to take advantage of. Created by Codepen user Huw.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

459 Photorealistic Objects, Only $15! 4 Scene Creators in 1 (Top View) Includes Backgrounds & Textures, Premade Scenes, Smart Layers.

Based on dribbble users' Riccardo Cavallo contact animation, this CSS snippet uploaded to Codepen by user Aaron Taylor is a neat piece that deploys...

Based on dribbble users' Riccardo Cavallo contact animation, this CSS snippet uploaded to Codepen by user Aaron Taylor is a neat piece that deploys different options for contact upon interaction.

This is a neat experiment that simulates a motion blur effect every time a slide is switched in a carousel. It takes advantage of SVG Gaussian Blur...

This is a neat experiment that simulates a motion blur effect every time a slide is switched in a carousel. It takes advantage of SVG Gaussian Blur filter and some CSS keyframes animation. Snippet created by Codepen user Damián Muti

Javascript code snippet that creates a highlighting effect when you hover on links, the effect then follows the cursor, highlighting the links as y...

Javascript code snippet that creates a highlighting effect when you hover on links, the effect then follows the cursor, highlighting the links as you go.

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

75+ Fonts Typographic Toolbox, Only $19! OTF, TTF, WOFF & WOFF 2 Formats, OpenType Features, Multilanguage Support

A CSS snippet published by codepen user giana, allows creating nice, animated shimmering neon effects for text.

A CSS snippet published by codepen user giana, allows creating nice, animated shimmering neon effects for text.

A snippet that allows for fun text on image color blending with amazing and visually appealing results.

A snippet that allows for fun text on image color blending with amazing and visually appealing results.

This utility created by CodePen user Mert Nerukuc is an interesting snippet with the purpose of generating random font combinations with samples ta...

This utility created by CodePen user Mert Nerukuc is an interesting snippet with the purpose of generating random font combinations with samples taken from google fonts. Simply choose a Heading and a Body font category ranging from Serif, Sans-Serif, Monospace, Handwriting or Display. Built with Vue.js, it's designed to be adaptable and easily integrated into projects that use other JavaScript Libraries.

1000 Logo Templates Bundle, Only $14! Ai & EPS Vector Formats, 6 Trendy Design Styles, Tons of Variations. Extended Commercial License!

1000 Logo Templates Bundle, Only $14! Ai & EPS Vector Formats, 6 Trendy Design Styles, Tons of Variations. Extended Commercial License!

A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly g...

A nice tesselation transition effect created by Chris Johnson, based on Delaunay Triangulation in order to create visually appealing and randomly generated color transition gradients and tesselations in the style of Material Design. This jaw-droppingly beautiful JS/CSS snippet can come in handy for photo galleries or header effects.

A cool CSS and JavaScript transition effect that can easily be implemented on any website. The transition can be used for sliders and other types o...

A cool CSS and JavaScript transition effect that can easily be implemented on any website. The transition can be used for sliders and other types of elements on the site, like cards (like in the example).

Vocalizer is a tool that makes it easy to record your name and add the sound byte to your website. All you have to do is record the correct pronunc...

Vocalizer is a tool that makes it easy to record your name and add the sound byte to your website. All you have to do is record the correct pronunciation for your name, copy the code and add it to your website.

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a l...

An updated pack of social media templates. Create cool posts and enhance your Facebook, Pinterest, Instagram and Twitter profiles. Only $14 for a limited time!

Line Maker is a plugin for creating and animating decorative lines on websites. This is a way for adding all kinds of lines with different thicknes...

Line Maker is a plugin for creating and animating decorative lines on websites. This is a way for adding all kinds of lines with different thicknesses and colors, vertical or horizontal, and animate them using anime.js.

A purely CSS crafted Masonry layout including 3 columns featuring images as well. This CSS layout includes a nice hover-highlighting effect on each...

A purely CSS crafted Masonry layout including 3 columns featuring images as well. This CSS layout includes a nice hover-highlighting effect on each title adding great style to them.

Featuring a nice and fluid animation, this blurring effect is perfectly crafted as it can be used on any modal to add excellent visuals on buttons.

Featuring a nice and fluid animation, this blurring effect is perfectly crafted as it can be used on any modal to add excellent visuals on buttons.

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Objec...

820+ Isolated Objects From 3 Different Mock-up & Scene Generators! Ultra High-Quality Assets In PSD format, Separated Shadow Layers For Every Object, Pre-made Scenes & Background Textures Included. Get this bundle for just $19! (98% Off)

Informative material designs cards containing animations for the transitions between the cover and the card info. Crafted using CSS for the templat...

Informative material designs cards containing animations for the transitions between the cover and the card info. Crafted using CSS for the templates and JS for the transitions and the buttons animations.

Built with Stylus and JavaScript, this set of Modals features a smooth zooming animation in which we can incorporate text or images, these modals a...

Built with Stylus and JavaScript, this set of Modals features a smooth zooming animation in which we can incorporate text or images, these modals are fully responsive as well.

CSS-based responsive sliders handy for crafting unique designs within web pages, the sliders' colors are easily customizable, and a counter can be ...

CSS-based responsive sliders handy for crafting unique designs within web pages, the sliders' colors are easily customizable, and a counter can be added to the marker for the sliders' selection location.

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $...

A brand new bundle of 33 fonts in a wide variety of styles, weights & multilanguage support, normally priced $490 if purchased individually, Only $19 for a limited-time

This footer hides at the bottom of the page, but as the user scrolls all the way down the end, the content above will be resized both wide and heig...

This footer hides at the bottom of the page, but as the user scrolls all the way down the end, the content above will be resized both wide and height, showing the footer and its content. It uses both CSS and JS.

A tiny javascript library to generate a circular text emblem by adding any desired text and symbols that rotate automatically counterclockwise. Che...

A tiny javascript library to generate a circular text emblem by adding any desired text and symbols that rotate automatically counterclockwise. Check out the demo.

Showcase of menu deploys animations within devices mockups, mainly build using CSS, HTML and a little of JS. The mockups are modeled after iOS devi...

Showcase of menu deploys animations within devices mockups, mainly build using CSS, HTML and a little of JS. The mockups are modeled after iOS devices and the animations of the menu button change from an example to another.

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects fo...

2880+ Vector Ornamental Drop Cap Lettering Designs Including Celtic, Gothic, Illuminated Manuscript, Gravure, And Many More Styles! Foil Effects for Illustrator & Photoshop, As Well As Paper Textures & Mockups Included, Get This Bundle For Just $14! (95% Off)

A snippet of a gallery created using CSS and JS; the images are called using Java and displayed within a grid with CSS, the items lighten with a ho...

A snippet of a gallery created using CSS and JS; the images are called using Java and displayed within a grid with CSS, the items lighten with a hover, and by clicking them the image will be displayed along all the grid.

This useful snippet created using pure JavaScript with little to none HTML or CSS use. It is a background color changing with a transitional effect...

This useful snippet created using pure JavaScript with little to none HTML or CSS use. It is a background color changing with a transitional effect, by clicking the screen an effect of bubble explosion will trigger the color to change.

This material and compact login form snipped was created using CSS and JS. It has animations for the activation of the fields and the 'go' button, ...

This material and compact login form snipped was created using CSS and JS. It has animations for the activation of the fields and the 'go' button, also has a smooth transition animation to the register form by clicking the 'add' button.

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Let...

330+ Unique Printing Templates Bundle, Includes 200+ Multi Purpose Flyer Templates, Corporate Identity Kit, Business Cards, Magazine Templates, Letterheards, Brochures, CV/Resume Templates, INDD, PSD, Ai, EPS File Formats. Get this Bundle Now For Just $29!

This useful snippet-based web page presents a bouncy ball animation written in different techniques, allowing the users to compare the code structu...

This useful snippet-based web page presents a bouncy ball animation written in different techniques, allowing the users to compare the code structure within the multiple preprocessors, frameworks, as well as pure CSS.

A pen created by Nathaniel Watson that shows a Material user interface for mobile devices, and it is made in SCSS with a 3D effect. It is the exten...

A pen created by Nathaniel Watson that shows a Material user interface for mobile devices, and it is made in SCSS with a 3D effect. It is the extension of an earlier creation intended to visualize the 'Elevation' in Google's design guidelines. This elevation has been exaggerated, but it's totally editable to achieve more accurate values.

An interesting snippet applying advanced CSS transforms on SVG paths for animation purposes by computing the actual transformed path.

An interesting snippet applying advanced CSS transforms on SVG paths for animation purposes by computing the actual transformed path.

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use ...

1000 Business Card Templates, only $14! Includes Editable Vector Files, Print Ready Templates 300 PDI CMYK, Dimensions 3.5" x 2.1". Commercial Use License.

Useful sample for JavaScript that adds a scroll in order to update the inbox notifications by drag & dropping. The interface is also made for the u...

Useful sample for JavaScript that adds a scroll in order to update the inbox notifications by drag & dropping. The interface is also made for the user to play around while checking the mail with the implementation of smooth animations.

This snippet will show static text as you scroll along the page, matching the image that is on the screen with its description placed on the right ...

This snippet will show static text as you scroll along the page, matching the image that is on the screen with its description placed on the right side.

A great snippet featuring an interesting concept of app navigation, which comprises a menu button that showcases an accordion with sections that a...

A great snippet featuring an interesting concept of app navigation, which comprises a menu button that showcases an accordion with sections that appear one after the other.

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bund...

131 unique high-resolution mockup, based on real images and also including smart objects feature to get photo-realistic effects. Normally this bundle could be priced up to $380, get it only $14! Limited-time promo.

An awesome snippet featuring 5 groups of SVG animated icons, and in this case health related ones, showcasing a fantastic entrance, a vibrant smoot...

An awesome snippet featuring 5 groups of SVG animated icons, and in this case health related ones, showcasing a fantastic entrance, a vibrant smooth close-up as well as a shadow while hovering over them.

A snippet featuring a background colour that changes with smooth fade animation while scrolling either down or up, it also includes clear commentar...

A snippet featuring a background colour that changes with smooth fade animation while scrolling either down or up, it also includes clear commentaries within the JavaScript.

An attractive code snippet featuring a hover animation with a blurry lens effect. Purely crafted using jQuery making it a cool and attractive choic...

An attractive code snippet featuring a hover animation with a blurry lens effect. Purely crafted using jQuery making it a cool and attractive choice to integrate with interactive sites.

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video prod...

High-resolution video time-lapses, featuring city and natural landscapes from all over the world. 40+ assets for your next project, from video production to web design and presentations! Only $19!

A cool snippet featuring a 3D circle slider that rotates sideways depending on the clicked arrow, showing several products, a perfect feature to in...

A cool snippet featuring a 3D circle slider that rotates sideways depending on the clicked arrow, showing several products, a perfect feature to include in your site.

A fantastic snippet featuring a 3D dynamic shadow which changes with a light bulb that we can move with the mouse, creating different perspectives ...

A fantastic snippet featuring a 3D dynamic shadow which changes with a light bulb that we can move with the mouse, creating different perspectives using CSS and Javascript.

A snippet made in jQuery featuring a beautiful date picker, using a nice combination of colors, effects, and round numbers within blue circles. You...

A snippet made in jQuery featuring a beautiful date picker, using a nice combination of colors, effects, and round numbers within blue circles. You're free to add it to your web projects.

800+ Seamless Patterns, Only $12: PAT File Format For Adobe Photoshop, Unlimited Commercial Use

800+ Seamless Patterns, Only $12: PAT File Format For Adobe Photoshop, Unlimited Commercial Use

Snapback Cache is a client-side plugin for jQuery that allows you to cache the position of the infinite scrolling page you navigate so that you can...

Snapback Cache is a client-side plugin for jQuery that allows you to cache the position of the infinite scrolling page you navigate so that you can come back to the exact same spot once you've clicked on something and come back.

A very creative CSS, Javascript and HTML 5 snippet that allows showcasing time and seconds with a clock-like animation, it supports multiple langua...

A very creative CSS, Javascript and HTML 5 snippet that allows showcasing time and seconds with a clock-like animation, it supports multiple languages and it comes in various colors.

A fantastic and interactive simulation where a cloth can be torn apart with the mouse pointer. Crafted in JavaScript.

A fantastic and interactive simulation where a cloth can be torn apart with the mouse pointer. Crafted in JavaScript.

2000+ Ultra HD Food Stock Photos, Only $14! Resolution 6000x4000, 19 Content Categories, Commercial License.

2000+ Ultra HD Food Stock Photos, Only $14! Resolution 6000x4000, 19 Content Categories, Commercial License.

A significant bootstrap date picker made in pure CSS, HTML and Javascript. The date picker was designed with bootstrap elements and the getDate met...

A significant bootstrap date picker made in pure CSS, HTML and Javascript. The date picker was designed with bootstrap elements and the getDate method. It features a transition animation when selecting the calendar and dates autocompletion.

A simple and yet creative code snippet created to change gradients with different random colors by pressing the space key on your keyboard. Wrote i...

A simple and yet creative code snippet created to change gradients with different random colors by pressing the space key on your keyboard. Wrote in pure CSS and JavaScript.

A useful JavaScript snippet that allows image rotation in a smart and creative way. An ideal choice to showcase projects from a 360° view, works pe...

A useful JavaScript snippet that allows image rotation in a smart and creative way. An ideal choice to showcase projects from a 360° view, works perfectly fine on IE9+

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web P...

690+ Isometric Elements Bundle, Only $19! Objects, Buildings & Characters In EPS & SVG Vectors, 30 Categories, Commercial License For Print & Web Projects.

Cl.js is an useful snippet that helps to speed up console logging in code writing by minimizing the syntax, it simplifies an specific function and ...

Cl.js is an useful snippet that helps to speed up console logging in code writing by minimizing the syntax, it simplifies an specific function and aids in saving time.

An amazing concept of iFrame that allows you to feature in a live mode your website on a virtual phone from 3 different perspectives: front, leanin...

An amazing concept of iFrame that allows you to feature in a live mode your website on a virtual phone from 3 different perspectives: front, leaning, and horizontally tilted.

A cool credit card mockup developed in CSS and jQuery that updates automatically as you fill the checkout payment form.

A cool credit card mockup developed in CSS and jQuery that updates automatically as you fill the checkout payment form.

300 T-Shirt Designs Bundle, Only $19: Editable Ai, PSD, EPS, CRD & SVG Files, Commercial Use, Wide Selection Of Themes

300 T-Shirt Designs Bundle, Only $19: Editable Ai, PSD, EPS, CRD & SVG Files, Commercial Use, Wide Selection Of Themes

Wavescroll is a new concept of screen-size pages presentation which background you can drag or scroll as they get split into strips which smoothly ...

Wavescroll is a new concept of screen-size pages presentation which background you can drag or scroll as they get split into strips which smoothly slide outwards.

Github repository consisting of a collection of fifteen tips and tricks, every step explained in detail by examples, to help you improve your CSS c...

Github repository consisting of a collection of fifteen tips and tricks, every step explained in detail by examples, to help you improve your CSS coding.

This is a practical and simple design for online tickets made with CSS and JavaScript, it's a highly visual interface with the necessary informatio...

This is a practical and simple design for online tickets made with CSS and JavaScript, it's a highly visual interface with the necessary information like number of tickets left, number of people going and range of prices condensed in a drop down menu.

58 Premium WordPress Themes, Only $29! 1 Year Free Updates & New Releases. Over 85% Discount!

58 Premium WordPress Themes, Only $29! 1 Year Free Updates & New Releases. Over 85% Discount!

Enjoy this short and useful resource to find JavaScript tips every day in order to improve your code writing. If you want to enrich the list you ca...

Enjoy this short and useful resource to find JavaScript tips every day in order to improve your code writing. If you want to enrich the list you can also make your own suggestions!

A CSS snippet that allows you to center a box in the viewport both horizontally and vertically being completely responsive to any window size.

A CSS snippet that allows you to center a box in the viewport both horizontally and vertically being completely responsive to any window size.

Device.js makes it easy to write conditional CSS and/or JavaScript based on device operating system, orientation, and type, the script updates thes...

Device.js makes it easy to write conditional CSS and/or JavaScript based on device operating system, orientation, and type, the script updates thesection with the appropriate classes based on the device's characteristics.

54 Fonts Superfamily, Only $17: Desktop & Web Fonts, Play, Slab, & Sans-Serif Styles, 18 Weights & Italics. Commercial Use.

54 Fonts Superfamily, Only $17: Desktop & Web Fonts, Play, Slab, & Sans-Serif Styles, 18 Weights & Italics. Commercial Use.

Colofilter.css is a CSS library to apply color filters to your site, it uses CSS blend modes. To use the filters, use the proper classes on your el...

Colofilter.css is a CSS library to apply color filters to your site, it uses CSS blend modes. To use the filters, use the proper classes on your elements, and that's it!

A script developed in JavaScript that allows you to detect the main color of an image and then generate gradients for nice and smooth revealing eff...

A script developed in JavaScript that allows you to detect the main color of an image and then generate gradients for nice and smooth revealing effects.

A CSS & jQuery snippet that animates with some gestures a rounded emoji face created out of SVG embedded in HTML code as you click on the butto...

A CSS & jQuery snippet that animates with some gestures a rounded emoji face created out of SVG embedded in HTML code as you click on the button of the gesture you want.

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

2500+ Graphic Design Elements, Logos, & Illustrations Bundle, Ai, PSD & EPS Vectors, Commercial Use

A lightweight JavaScript utility that allows you to create drag-adjustable split views or panes that can be split horizontally or vertically requir...

A lightweight JavaScript utility that allows you to create drag-adjustable split views or panes that can be split horizontally or vertically requiring no dependencies or markup, but only two or more elements with a common parent.

A small, modern, dependency-free smooth scrolling library by callmecavs. Follow documentation on GitHub.

A small, modern, dependency-free smooth scrolling library by callmecavs. Follow documentation on GitHub.

A stunning JavaScript particle animation that represents a scenario featuring pink leafs falling off and being smoothly blown by the wind.

A stunning JavaScript particle animation that represents a scenario featuring pink leafs falling off and being smoothly blown by the wind.

Lifetime Access: The Ultimate Engagement, Lead Generation, & Marketing Solutions to Push Your Site To The Next Level!

Lifetime Access: The Ultimate Engagement, Lead Generation, & Marketing Solutions to Push Your Site To The Next Level!

A smoothly transformable Material Design card styled with basic styles and card modifiers Less that are triggered with JavaScipt as you click on ea...

A smoothly transformable Material Design card styled with basic styles and card modifiers Less that are triggered with JavaScipt as you click on each of the titles, smoothly changing the card shape and layout, as well as the viewport's background color.

A chat widget that features group chat and allows file and image sharing. It was inspired in Appon Chat widget on Dribble.

A chat widget that features group chat and allows file and image sharing. It was inspired in Appon Chat widget on Dribble.

Nipple.js is a virtual joystick developed for touch-capable devices. It retrieves useful data for UX controlling.

Nipple.js is a virtual joystick developed for touch-capable devices. It retrieves useful data for UX controlling.

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

4500+ Overlays With HD Quality, Only $39! 5000x3500px ? 300dpi, 40 Styles!

A snippet that provides you with panel elements that slide aside as you click on them in order to show like and dislike hover buttons.

A snippet that provides you with panel elements that slide aside as you click on them in order to show like and dislike hover buttons.

UnCSS is a tool for removing unused CSS code from your stylesheets that works across multiple files supporting JavaScript injected CSS.

UnCSS is a tool for removing unused CSS code from your stylesheets that works across multiple files supporting JavaScript injected CSS.

An elastic pull effect for reloading feed in mobiles or touch-capable device interfaces.

An elastic pull effect for reloading feed in mobiles or touch-capable device interfaces.

3049 Flat Icons, Ai, SVG & PNG Formats, Only $19! 24 Icon Categories, Pixel Perfect Designs, Commercial Use License!

3049 Flat Icons, Ai, SVG & PNG Formats, Only $19! 24 Icon Categories, Pixel Perfect Designs, Commercial Use License!

A plugin for JavaScript that generates random nice looking colors, giving you the option of generating the colors under certain parameters such as ...

A plugin for JavaScript that generates random nice looking colors, giving you the option of generating the colors under certain parameters such as luminosity, hue (e.g. green, orange, red, etc.), number, and more.

An animated vector-based digital clock that features really nice up-popping effects crafted by Icebob who used GSAP for the animation.

An animated vector-based digital clock that features really nice up-popping effects crafted by Icebob who used GSAP for the animation.

A fully customizable and appealing gradient context menu to add to your websites taking the most out of its dark icons, smooth selected item highl...

A fully customizable and appealing gradient context menu to add to your websites taking the most out of its dark icons, smooth selected item highlight and sub-menus. This context menu was created by Ryan Morr.

Lifetime Video Editing Software, Only $19.99! Full Suite of Post-Production Tools To Create Professional Masterpieces. Includes All Future Updates!

Lifetime Video Editing Software, Only $19.99! Full Suite of Post-Production Tools To Create Professional Masterpieces. Includes All Future Updates!

A JavaScript library which allows you to animate images when hovering over them giving them a really cool sticker-like removing effect. It can only...

A JavaScript library which allows you to animate images when hovering over them giving them a really cool sticker-like removing effect. It can only animate horizontally and vertically, not diagonally. The library was created by Jongmin Kim under the MIT License.

A chat box made in CSS and JS that has cool features besides the fact that it is draggable, like the search box, the avatars taking the initials of...

A chat box made in CSS and JS that has cool features besides the fact that it is draggable, like the search box, the avatars taking the initials of the username, and some cool hover effects. It was created by Andy Tran and it's available to be edited and implemented in any website.

bricklr is a JavaScript code snippet that lets you create brick-wall effects in different styles. You can build regular blocks with random colors, ...

bricklr is a JavaScript code snippet that lets you create brick-wall effects in different styles. You can build regular blocks with random colors, pattern repetition, circular bricks, particular and multicolor color, big and small, and many more. You can modify whatever you want by typing different values to the code.

A complete toolkit to create photorealistic vintage typographic & lettering scenes, including high-resolution assets, like rendered lightbulbs, bac...

A complete toolkit to create photorealistic vintage typographic & lettering scenes, including high-resolution assets, like rendered lightbulbs, backgrounds, textures and over 60 display grunge & script color fonts.

Bootsnipp is an element gallery for web designers and web developers created by Maks; anybody using Bootstrap will find this website essential in t...

Bootsnipp is an element gallery for web designers and web developers created by Maks; anybody using Bootstrap will find this website essential in their craft since it has essential design elements, playground and code snippets for Bootstrap HTML/CSS/JS framework.