Frontend Codes and Demos

W3 Tweaks is a programming blog where users can find demos, tutorials and code snippet. Demos, tutorials and code snippet are focused on Programming, Jquery, Ajax, PHP, Web Design, Javascript, MySQL, AngularJs, Bootstrap, BackboneJs, CSS, HTML, android, IOS. Free examples are taken from codepen.io, w3tweaks developer and from other free resources.

Stepped Progress Navigation

Beautiful stepper progress navigation developed using CSS, HTML and JavaScript. Demo, Code sni...

Multiple line button hover effect

Multiple line button hover effects using css and html. This can be used for vertical menus. De...

Triangle Loading Animtaion

Triangle Loading Animtaion developed using HTML and CSS. CSS3 properties transform, keyframes ...

Canvas Moving Snakes

Experiment with HTML5 Canvas Particles to create a beautiful Moving Snakes effects with Partic...

Fancy Checkboxes and Radio Buttons — with Font Awesome

Fancy Checkboxes and Radio buttons are developed using HTML, CSS, Javascript and font Awesome....

Pure CSS Blockquote

Elegant and responsive blockquote solution. Highlight quote text for a neat animation.

CSS Grid Card Skeleton Screen with Custom Properties

The skeleton page is a big trend in UX field. Using CSS Grid to create the page layout, it is ...

Cloudy Spiral CSS Animation

CSS animation effects to bring with beautifull cloudy spiral effects. code, download and demo ...

Interactive Web Accessibility Cheat Sheet

15 quick tips to improve the web accessibility of your web pages.

Ionic  tinder Cards demo

An Ionic (reusable Ionic widget) for adding tinder-style swipe cards to your app.

Light Bulb Toggle Switch

A custom checkbox that features a light bulb’s on/off state in the fashion of a toggle switch....

Pure CSS Burger Toggle Button

Pure CSS Burger Toggle button with beautiful animation

Ordered card animation

A modern card based order UI screen developed by Vladimir. The UI developed using CSS and vue....

Custom File Inputs

Custom input field to select image files to show instantly on the page for get excellent user ...

3D CSS Typography

3D CSS typography with HTML and CSS(SCSS)

Single Element, Multi Coloured 3D Text Effect

Single element with multi coloured text and 3D text shadow effects. Just playing around with d...

Integrate facebook oauth in PHP for login the App

In my old articles, we see integration about how to login the apps using social networking in ...

ReactJs: YouTube Instant search working with API

This tutorial will explain how to achieve to get YouTube instant search with API using ReactJs...