javascript Archives - csshint - A designer hub

16+ Javascript Arrow Design Code Examples

admin — Thu, 16 Dec 2021 06:47:08 +0000

Latest Collection of 100% free Javascript Arrow Design with code examples from Codepen.

Spinin’ load arrow

Author

Yusuf

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Double Arrow Button

Author

Manel Roig

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Flexing pagination arrows

Author

Hakim El Hattab

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Scroll Down Page Button

Author

Graham Clark

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Scroll Arrow

Author

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Animated Accordion Arrow

Author

Tim D

Made with

HTML, CSS, JS

Demo / Code Get Hosting

SVG Download Icon

Author

Chris Gannon

Made with

HTML, CSS, JS

Demo / Code Get Hosting

SVG Download Dot Bounce

SVG Download Dot Bounce (success)

Author

Chris Gannon

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Animated SVG Download Button

Author

Michael Foley

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Cloud Download Animation

Author

Jon Kantner

Made with

HTML, CSS, JS

Demo / Code Get Hosting

ARROW BOX WITH CSS

Arrow Box with CSS (12 positions)

Author

Yiwei Ma

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
scroll down arrow by priyanka (@priyankal)
on CodePen.

scroll down arrow

Author

priyanka

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
nice responsive css arrow by thang.nm (@thangnm)
on CodePen.

nice responsive css arrow

Author

thang.nm

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Awesome Arrow icon. ONLY CSS. by XzF (@xzf)
on CodePen.

Awesome Arrow icon. ONLY CSS.

Author

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Up Arrow by Mark Thomes (@WithAnEs)
on CodePen.

Up Arrow

Author

Mark Thomes

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Final Intro Animation by Catherine (@terned)
on CodePen.

Final Intro Animation

Author

Catherine

Made with

HTML, CSS, JS

Demo / Code Get Hosting

The post 16+ Javascript Arrow Design Code Examples appeared first on csshint - A designer hub.

18+ JavaScript Loader Design Examples

admin — Mon, 06 Dec 2021 12:08:52 +0000

Latest Collection of 100% free JavaScript Loader with code examples from Codepen.

Infinity Loader

Author

Aaron Iker

Made with

HTML, CSS (SCSS), JS

Demo / Code Get Hosting

Play Fill Loader

Author

Chris Gannon

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Illuminati-Rainbow Loading

Author

foleyatwork

Made with

HTML, CSS (Less), JS (Babel)

Demo / Code Get Hosting

Javascript Loading

Author

Vladislav Trefil

Made with

HTML (Pug), CSS (sass), JS

Demo / Code Get Hosting

Preloader with Anime.js

Author

Kevin Konrad Henriquez

Made with

HTML (Haml), CSS (SCSS), JS

Demo / Code Get Hosting

Loading With %

Author

airpwn

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Glitchy Loading Indicator

Author

Jack Rugile

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Page loader

Author

Joshua Nwosu

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Javascript Loader with Steps by Max (@MyXoToD)
on CodePen.

Javascript Loader with Steps

Author

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
JS pure loader by Muhammed Saifudeen (@saifkeralite)
on CodePen.

JS pure loader

Author

Muhammed Saifudeen

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
CSS/JS loader dots by Martynas Linkevicius (@iiSeptum)
on CodePen.

CSS/JS loader dots

Author

Martynas Linkevicius

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Loading Screen by Luke Costi (@Kallissien)
on CodePen.

Loading Screen

Author

Luke Costi

Made with

HTML, CSS, JS

Demo / Code Get Hosting

See the Pen
Loading ( A progress like :p) by Kaushalya R. Mandaliya (@kman)
on CodePen.

Loading ( A progress like :p)

Author

Kaushalya R. Mandaliya

Made with

HTML, CSS (SCSS), JS

Demo / Code Get Hosting

Mobile GoogleTumblr Style Loader

Mobile Google/Tumblr Style Loader

Author

Alex Bergin

Made with

HTML, CSS, JS

Demo / Code Get Hosting

LEGO Loader

Author

Chris Gannon

Made with

HTML, CSS, JS

Demo / Code Get Hosting

The Division website loader

Author

Jeremy Wynn

Made with

HTML, CSS, JS

Demo / Code Get Hosting

Chicken Swing SVG

Author

Paul

Made with

HTML, CSS, JS

Demo / Code Get Hosting

js Loading

Author

Yuriy Kostin

Made with

HTML, CSS, JS

Demo / Code Get Hosting

The post 18+ JavaScript Loader Design Examples appeared first on csshint - A designer hub.

10 JavaScript Keyboards

admin — Wed, 23 Jun 2021 04:48:13 +0000

Latest Collection of free vanilla JavaScript keyboard code examples and download Zip:

Interactive keyboard animation

1. Interactive keyboard animation

Author

Stívali Serna

Made with

HTML / CSS / JS

Demo / Code Get Hosting

Interactive-keyboard-animation

2. Neuomorphic Keyboard

Author

Braydon Coyer

Made with

HTML / CSS (SCSS) / JS

Demo / Code Get Hosting

NEU KEYBOARD

3. NEU KEYBOARD

Author

Manan Tank

Made with

HTML (Pug) / CSS (Stylus) / JS

Demo / Code Get Hosting

Gangnam Style Keyboard

4. Gangnam Style Keyboard

Author

Martín Stanicio

Made with

HTML / CSS (SCSS) / JS

Demo / Code Get Hosting

Keyboard Hero

5. Keyboard Hero

Author

evilpaper

Made with

HTML / CSS / JS

Demo / Code Get Hosting

WAAAAPI KEYBOARD

6. WAAAAPI Keyboard

Author

Dan Wilson

Made with

HTML / CSS (SCSS) / JS

Demo / Code Get Hosting

SCSS Interactive Keyboard

7. JavaScript/Flexbox/SCSS Interactive Keyboard

Author

Josh Collinsworth

Made with

HTML / CSS (SCSS) / JS

Demo / Code Get Hosting

Apple Keyboard

8. Apple Keyboard

Author

Jon Kantner

Made with

HTML / CSS / JS

Demo / Code Get Hosting

Keyboard Type something

9. Keyboard – Type something

Author

Ricardo Oliva Alonso

Made with

HTML (Pug) / CSS (SCSS) / JS

Demo / Code Get Hosting

Web audio keyboard

10. Web audio keyboard

Author

Dave DeSandro

Made with

HTML / CSS / JS

Demo / Code Get Hosting

The post 10 JavaScript Keyboards appeared first on csshint - A designer hub.

12+ JavaScript Tooltip Design Examples

admin — Sun, 13 Dec 2020 03:14:52 +0000

Latest Collection of hand-picked free JavaScript Tooltip Code Examples.

1. Tippy.js AJAX animation

Tippy.js

Author

atomiks

Made with

HTML / CSS / JS

demo and code Get Hosting

2. SVG Pie chart with tooltip and hover effects

SVG Pie chart with tooltip

Author

Hiro

Made with

HTML / CSS / JS

demo and code Get Hosting

3. Colortip

Colortip

Author

Yasin Aydın

Made with

HTML / CSS / JS

demo and code Get Hosting

4. Easy all-purpose tooltips

Easy all-purpose tooltips

Author

Karim Cossutti

Made with

HTML / CSS / JS

demo and code Get Hosting

5. Steps Flow

Steps Flow tooltips

Author

CJies Tan

Made with

HTML (Pug) / CSS (SCSS) / JS

demo and code Get Hosting

6. Chart.JS Doughnut Custom Tooltip

Chart.JS Doughnut Custom Tooltip

Author

Mark Brinton

Made with

HTML / CSS / JS

demo and code Get Hosting

7. Tooltiper

See the Pen Tooltiper by Thomas Podgrodzki
(@Podgro) on CodePen.

Author

Thomas Podgrodzki

Made with

HTML / CSS / JS

demo and code Get Hosting

8. Tooltip [js]

Tooltip js

Author

James Mejia

Made with

HTML / CSS / JS

demo and code Get Hosting

9. Tooltipster is nice

See the Pen Tooltipster is nice by Ms Moneypenny
(@Moneypenny) on CodePen.

Author

Ms Moneypenny

Made with

HTML / CSS / JS

demo and code Get Hosting

10. awTooltip

See the Pen awTooltip by adobewordpress
(@adobewordpress) on CodePen.

Author

adobewordpress

Made with

HTML / CSS / JS

demo and code Get Hosting

11. Guided tour tooltip

See the Pen Guided tour tooltip by Yoann
(@yoannhel) on CodePen.

Author

Yoann

Made with

HTML / CSS (LESS) / JS

demo and code Get Hosting

12. Custom Tooltip

See the Pen Custom Tooltip by Gabriele Corti
(@borntofrappe) on CodePen.

Author

Gabriele Corti

Made with

HTML / CSS / JS

demo and code Get Hosting

The post 12+ JavaScript Tooltip Design Examples appeared first on csshint - A designer hub.

Javascript stopwatch

admin — Thu, 03 Dec 2020 03:37:47 +0000

Check Out this javascript stopwatch. snippets by Daniel Hug.

javascript stopwatch

The post Javascript stopwatch appeared first on csshint - A designer hub.

10+ JavaScript Snake Games

admin — Tue, 29 Sep 2020 05:02:19 +0000

Latest Collection of hand-picked JavaScript snake game Examples Code Snippet.

1. Pixelated Snake Game

Pixelated Snake Game

Author

Anish Shamarao

Made with

HTML / CSS / JS

demo and code Get Hosting

2. 16bit Snake Game

16bit Snake Game

Author

Betkowski

Made with

HTML / CSS / JS

demo and code Get Hosting

3. #codevember AI snake!

codevember AI snake!

Author

brezhart

Made with

HTML / CSS / JS

demo and code Get Hosting

4. snake game javascript

snake game javascript

Author

Steve Gardner

Made with

HTML / CSS (SCSS) / JS (TypeScript)

demo and code Get Hosting

5. Snake Game – CSS Renderer

Snake Game CSS Renderer

Author

Jack Rugile

Made with

HTML / CSS / JS

demo and code Get Hosting

6. Snake Game

See the Pen Snake Game by Caio Paiola
(@CaioPaiola) on CodePen.

Author

Caio Paiola

Made with

HTML / CSS / JS

demo and code Get Hosting

7. Snake Game with obelisk.js

See the Pen Snake Game with obelisk.js by Sebastian Faedo
(@sfaedo) on CodePen.

Author

Sebastian Faedo

Made with

HTML / CSS / JS

demo and code Get Hosting

8. Canvas Snake Game

See the Pen Canvas Snake Game by Max
(@MyXoToD) on CodePen.

Author

Made with

HTML / CSS / JS

demo and code Get Hosting

9. javascript snake code

See the Pen SN4KE by Vincent
(@vinzdef) on CodePen.

Author

Vincent

Made with

HTML / CSS (SCSS) / JS (Babel)

demo and code Get Hosting

10. React Game: Snake

See the Pen React Game: Snake by Kyle Wetton
(@kylewetton) on CodePen.

Author

Kyle Wetton

Made with

HTML / CSS (SCSS) / JS (Babel)

demo and code Get Hosting

The post 10+ JavaScript Snake Games appeared first on csshint - A designer hub.