Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

Projects in Awesome Lists tagged with vanillajavascript

A curated list of projects in awesome lists tagged with vanillajavascript .

https://github.com/saeedkohansal/javascript-back-to-top-button-with-animation

This is a JavaScript back to top button widget in 3 styles rocket emoji, text button, and arrow top icon using vanilla javascript. I also created some CSS animations for these buttons.

animated animation back-to-top backtotop button css education gilgeekify html javascript movable rocket tutorials vanillajavascript vanillajs web-animation widget

Last synced: 30 Jan 2025

https://github.com/saeedkohansal/vanilla-javascript-infinite-scroll-html-css-js

Web-Based Infinite Scroll Feature using Vanilla JavaScript. With the Infinite Scrolling feature, you can improve the user experience for your website. Infinite Scrolling or Continuous Scrolling or also known as Endless Scrolling is a web design technique where, as the user scrolls down a page, more content automatically and continuously loads...

animatecss animation css gilgeekify html infinite-scroll infinite-scrolling infinitescroll infinitescrolling javascript plugin tutorial tutorials vanilla-javascript vanillajavascript vanillajs web-design web-development webdesign webdevelopment

Last synced: 03 Dec 2024

https://github.com/saeedkohansal/javascript-like-button-with-animation

It's is a JavaScript like and unlike buttons with a number of total likes, you can use like buttons in your blog post, profile page, product page, landing page and anywhere you want on your website or web application

animated clientside css css3 frontend gilgeekify html javascript like like-btn like-button likebtn likebutton likecounter unlike unlikebtn vanillajavascript vanillajs web-animation webanimation

Last synced: 30 Jan 2025

https://github.com/saeedkohansal/javascript-help-and-faq-responsive-widget-with-animations

This is a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.

animation answer css-animation css3 faq frequently-asked-questions gilgeekify help html5 javascript js question responsive responsive-design vanillajavascript web-animation web-development webdevelopment widget widget-development

Last synced: 30 Jan 2025

https://github.com/jairaj28/bisentriq-fashion

Anthropologie is an American retailer operating in the U.S., Canada, and the UK that sells clothing, jewelry, home furniture, decorations, beauty products, and gifts. U.S. Anthropologie is part of URBN brands, which includes Urban Outfitters, Free People, BHLDN, and Terrain.

chakra css firebase-auth html react vanillajavascript

Last synced: 08 Feb 2025

https://github.com/ummamali/flixxmovies

Flixx Movies is a web application developed with Vanilla JavaScript, designed to offer an immersive experience for discovering movies and TV shows. It dynamically pulls data from The Movie Database (TMDb) REST API to showcase trending content, search results, and detailed information about various movies and TV series.

babel css3 html5 moviedb rest-api tailwindcss vanillajavascript webpack website

Last synced: 17 Feb 2025

https://github.com/yashi-singh-1/music-player-app

This code creates a Music Player app with controls for play, pause, skip, and shuffle. It displays album art, song title, and artist name, and allows users to interact with a playlist.

css css3 free-code-camp free-code-camp-challenges freecodecamp freecodecamp-project frontend html html-css html-css-javascript html5 html5-css3 htmlcss htmlcssjavascript javascript music-player musicplayer vanilla-javascript vanillajavascript

Last synced: 07 Jan 2025

https://github.com/yashi-singh-1/day-41-error-modal

The Error Modal challenge requires creating an error message modal with HTML, CSS and JavaScript. This task focuses on building an interactive and styles UI Component.

animation animations css css-animation css-animations error-message frontend-development html html-css html-css-javascript html-css-js htmlcss htmlcssjs javascript vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 07 Jan 2025

https://github.com/yashi-singh-1/day-38-change-background-color-on-click

A simple Web Page with buttons to change the background color of the body, a container, or both. each button click applies a randomly selected gradient, enhancing the visual experience using JavaScript and CSS.

coding-challenge css css3 eventlistener front-end frontend html html-css html-css-javascript html-css-js html5 htmlcss htmlcssjs interactive-ui javascript random-colors vanilla-javascript vanillajavascript web-developement webdevelopement

Last synced: 07 Jan 2025

https://github.com/yashi-singh-1/day-32-counter

I wonder how high or low is the maximum you can count here? The transitions are pure CSS, but I used some JS for the counting.

100-days-css 100-dayscss 100dayscss css css-challenge css3 csschallenge html html-css html-css-challenge html5 html5-css3 html5css3 htmlcss htmlcsschallenge javascript vanilla-javascript vanilla-js vanillajavascript vanillajs

Last synced: 07 Jan 2025