205 Repositories
JavaScript css3-animations Libraries
Some ideas for grid to slideshow switch animations using GSAP's Flip plugin.
Grid to Slideshow Switch Animations Some ideas for grid to slideshow switch animations using GSAP's Flip plugin. Article on Codrops Demo Installation
A to-do list app is a productivity tool designed to help users to create and maintain lists of tasks that they need to complete and it allows user to edit their tasks even after the task is saved. Built with CSS, HTML, and JAVASCRIPT.
Tumaini Maganiko 📗 Table of Contents 📗 Table of Contents 📖 To Do List PROJECT 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started
This is a Tic Tac Toe game built with HTML, CSS, and JavaScript. It is a simple and fun game where two players take turns marking X and O on a 3x3 grid.
Tic Tac Toe Game This is a Tic Tac Toe game built with HTML, CSS, and JavaScript. It is a simple and fun game where two players take turns marking X a
Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.
Chakra UI Animations Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components. Installation yarn add @
A single-page application that allow users to add their To Do items. The items could be checked as completed and the completed task can be removed. Built with JavaScript, HTML and CSS
To Do list Application This is a single page application that allows users to keep track of their tasks. Users can add the task and also check the che
Leader Board is a simple project based on JavaScript programing language. The purpose of this project is to work with APIs and ASYNC & AWAIT methods. I have used vanilla JavaScript with web pack to implement this project
Leader Board - JavaScript Project Table of contents Overview The challenge Screenshot Links Project Setup commands My process Built with What I learne
A collection of handmade, professional and dazzling CSS components. ✨
CSS Components Library — Endless collection. Made with ♥ by Eluda for the AWS Amplify hackathon. About the app CSS Components is an online collection
ToDo list app is a simple web app that helps you organize your day, by adding, checking and deleting daily tasks
TODO List App "To-do list" is a WebApp tool that helps to organize your day. It simply lists the tasks that you need to do and allows you to mark them
Awesome Books is a basic SPA that allows users to add/remove books from a list.
Awsome Books This Project Awesome books is a simple webApp that displays a list of books and allows you to add and remove books from that list. Previe
On this page, you can save and load all the awesome books you have and save the name and the author into the local storage. this project uses Javascript to interact with the pages
Awesome Books: refactor to use JavaScript classes In this project, We add the links to the applications into the final project Getting Started if you
A tool to unpack, repack, edit and play 2d animations from Supercell games
SC Tools This module is intended to unpack, edit and repack .sc files from Supercell games. SC files are unpacked to disk as projects. Projects contai
This is a basic app that allows user add/remove books from a list of books. It was created by using JavaScript arrays and objects to dynamically modify the DOM.
Awesome-Books This application lets you compile a dynamic collection of books using JavaScript. It is a single page app. You enter your book title & a
The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured and recent apartments. Also, the user can click the house to get the details of the selected house.
Awesome Estate The Awesome estate web application displays a list of apartments that were provided by local data. The users can check out the featured
In this project, I build a simple HTML list of To Do task
Todo List In this project, I built a simple HTML list of To Do tasks. This simple web page is built using webpack and served by a webpack dev server.
This project is where I restructured the code for my Awesome Books app.
Awesome-Book-Es6 This project is where I restructured the code for my Awesome Books app. The goal is to make it more organized by using modules. And t
👍 💰 Market place for products with MERN stack
react-md Create an accessible React application with the material design specifications and Scss. Installing packages - How to install related compone
A simple project of task list! - Stacks HTML, CSS and JS(pure)
Stacks used This project The purpose of this was to recreate a To do list project using the concepts of JavaScript, HTML and CSS and also storing the
Small example showing how you can make game sprite animations using CSS with Javascript movement.
Hi there, I'm Björn Hjorth 👋 I like combining the web and game development, if you like what you see please do not be a stranger and say "Hi" on Twit
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built with HTML, CSS, JavaScript with APIs
LeaderBoard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. Built With Html,JS,CSS We
Convert Tailwind CSS class names into their CSS3-equivalent styles — right from Alfred.
alfred-tailwind2css Tailwind2CSS offers you the ability to convert TailwindCSS classes into their CSS3-equivalent styles -- right from within Alfred.
A small library for creating typing animations.
A small library for creating typing animations. View a short video demonstration here. Installation npm i tiper-js Usage Initialization is really simp
Lightweight JavaScript library that allows you add motion blur to your CSS animations
MotionBlurJS For more information and examples please visit: https://www.motionblurjs.com What is MotionBlurJS MotionBlurJS is a lightweight JavaScrip
Customisable javascript skeleton loader.
JS Skeleton loader Simple but very powerful loader package built with full javascript. Installation To install this package, include index.js file int
A simple application used to organize your day to day activity. Tasks can be added and removed from this list.
Minimalist ToDo List A minimalist list of TODOs. Built With HTML, CSS, JavaScript Webpack Jest NPM Node Getting Started In order to obtain a local cop
In this website you will add favorites books and also watch the lists of books. Built with JavaScript ES6 Modules
Awesome Books In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Screen Shots Desktop Screen Tablet
This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.
space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working
👌A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for drop an annoying pop-ups confirming the submission of form in your web apps.
Throw out pop-ups confirming the submission of form! A useful zero-dependencies, less than 434 Bytes (gzipped), pure JavaScript & CSS solution for dro
Lightweight and easy to use vanilla js library to add css animations to elements on scroll.
Scrollrisen Trigger css animations on scroll as elements enter the viewport. Zero dependencies, lightweight and easy to use and customize Installation
Efeito de ripples baseado no Material Design.
Efeito de ripples baseado no Material Design feito com CSS, JavaScript e jQuery Esse efeito utiliza seletores do jQuery e manipulação do DOM para obte
Audio visualizer library for javascript. Create dynamic animations that react to an audio file or audio stream.
Wave.js Audio visualizer library for javascript. Installation Install With CDN script src="https://cdn.jsdelivr.net/gh/foobar404/wave.js/dist/bundle.
Full featured JavaScript image & video gallery. No dependencies
lightgallery.js Full featured JavaScript lightbox gallery. No dependencies. Important notice lightgallery.js has been merged with lightGallery. That m
Um jogo da memória tematizado com One Piece.
Getting Started - Jogo da Memória Eis um joguinho da memória . Também foi o primeiro projeto meio complicadinho que consegui resolver por conta própri
A tiny JavaScript library to enable CSS animations when user scrolls.
A tiny JavaScript library to enable CSS animations when user scrolls. This library allows you to toggle one or more classes on an element when it appe
CSS only library to apply color filters.
filters.css CSS only library to apply color filters. See the full documentation Features Only CSS. No JavaScript! ~1KB minified and gzipped! Supports
A small jQuery plugin for rendering scroll-based HTML animations
Storyline Build beautiful landing pages that change as the user scrolls up or down. Project created in 2013 and ported to GitHub in 2021. Demo Just vi
A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view.
jQuery AniView A jQuery plugin that works in harmony with animate.css in order to enable animations only when content comes into view. Now supports v4
Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support
JS Select Pure JavaScript (VanillaJS) dropdown menu, with multiple select and searching support How to use To use the select plugins, two main file mu
Responsive, CSS3, touch-enabled jQuery Coverflow plugin.
jQuery.Flipster Flipster is a CSS3 3D transform-based jQuery plugin built to replicate the familiar 'cover flow' effect, but also supports a variety o
Simple buttons you can use easily for your next project
Logo made by Harshit Sharma 💡 Simple buttons you can use easily for your next project. Contents Get started with sButtons Download CSS File CDN NPM U
CSS-based animations triggered by JS, defined in your stylesheet
Anim-x CSS-based animations triggered by JS, defined in your stylesheet. $ npm i https://github.com/LTBL-Studio/anim-x.git Quick start An animation is
A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic animation.
Lava-Lamp Description: A JavaScript animation plugin for menus. It creates a div that moves when you mouse over an element, giving it an elastic anima
A timed continuous carousel that uses vanilla JavaScript & CSS animations.
Continuous Carousel ∞ Timed continuous carousel that uses vanilla JavaScript & CSS animations. It supports both horizontal and vertical scrolling. Mar
Simple scroll based text reveal animation library.
Simple scroll based text reveal animation library. ⛰️ DEMO Getting Started Using packge manager NPM Install textify using npm: npm install textify.js
This project will be a basic website that allows users to add/remove books from a list. The main objective is to understand how to use JavaScript objects and arrays and dynamically modify the DOM and add basic events.
Awesome-books Awesome Books This project will be a basic website that allows users to add/remove books from a list. This project is part of the Microv
AweSome Book App displays the book details entered by user and saves the information in Local storage. User can add and remove a book title/author to the library and from the library.
Awesome Book App with ES6 Used npm init -y command to create package.json file. Created the entry point for the JavaScript code called index.js Create
Leaderboard App for the great game "Duel of Fates".
To Do List ⚙️ This is a leaderboard App to practice Javascript, API implementation and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTM
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser.
Modernizr is a JavaScript library that detects HTML5 and CSS3 features in the user’s browser. Read this file in Portuguese-BR here Our Website is outd
CSS3 vendor prefix generator.
cssFx cssFx adds vendor-specific prefixes to your stylesheets. How it works When the document has finished loading, internal (style) and external (
Space-x is a web application the is working with the real live data from the SpaceX API
Project Name : Space-x Traveler Hub Space-x is a web application for a company that provides commercial and scientific space travel services. The appl
Task manager Pro 📅 Use local storage to save data 💻
📚 Task Manager Pro 🌟 Introducing different sections of the website : ⚙️ Setting section To change the color theme 📅 Calendar section 🗂️ Task Manag
Module 03 project: Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations and Read a random math-related quote.
Math-magicians Math magicians is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to Make simple calculations an
:loop: Create loopy loading animations
Sonic.js See some examples! Create your own with Sonic Creator! Sonic is a tool that you can use to create spinny-loady-thingies on the fly. It's best
Delightful, performance-focused pure css loading animations.
Loaders.css Delightful and performance-focused pure css loading animations. What is this? See the demo A collection of loading animations written enti
CSS classes to move your DOM!
CSShake Some CSS classes to move your DOM! Live Demo Download Center You could download the complete csshake.css file or separated files for each shak
CSS3 Animations with special effects
🎩 magic CSS3 Animations with special effects. (→ 3.1 kB gzip) Demo Checkout the demo for the animations here Table of Contents Installation Getting S
CSS3 list scroll effects
stroll.js – because it scrolls, and trolls. A collection of CSS list scroll effects. Works in browsers with support for CSS 3D transforms including a
Transform your icons with trendy animations.
iconate.js A call to transform your existing icons in a cool trendy way iconate.js is a tiny performant library for cross-browser icon transformation
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on
A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.
Custom navigations for Solid written in Typescript. Implement custom page transition logic and ✨ animations ✨
solid-custom-navigation Get, Set, Go! Custom navigations for Solid, written in Typescript. Implement custom page transition logic and ✨ animations ✨ .
Add or remove your books from the website ES6 is used!!😉
Awsome Books with ES6 SYNTAX This is a website that allows users to dynamically add or remove books from a list. Built With HTML CSS JavaScript ES6 Li
Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here
Team-8 E-Commerce Project Team-8 E-Commerce Project for egFWD & Sprints industry exposure program You can check the live demo Here Table of Contents P
A webpage where the user can search for different TV shows, comment them and like them.
TV Shows In this project we built a webpage where the user can search for different TV shows, comment them and like them. Video Built With Major langu
Projeto desenvolvido durante o Talent Fest Brasil - Laboratória SAP007, cumprindo o desafio da empresa Pravaler. 💪🏻💪🏽🧡
Desenvolvimento web (MVP) : Comparador de Cursos 🔗 Link da aplicação 🔗 Nossa equipe de Desenvolvedoras recebeu uma tarefa enviada pela empresa Prava
A planetary body simulator with a HTML5/CSS3/JS frontend and simulated using Rust WebAssembly.
Solar Sim 🪐 A planetary body simulator with a HTML5/CSS3/JS frontend and simulated using Rust WebAssembly. Try the latest version here! Built with 🦀
A new social media site for Pokemon lovers, where you can connect with other Pokemon lovers and share messages.
PokeBook Description A new social media site for Pokemon lovers, where you can connect with other Pokemon lovers and share messages. Tools and Languag
A To-DO-List app that allows user to create, update, and remove their daily tasks in and from the browser localstorage. Built with HTLM5, CSS, JavaScript, and Webpack.
To-Do-List A To-DO-List app that allows user to create, update, and remove their daily tasks in and from the browser localstorage. Built with HTLM, CS
A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Built with HTML5, CSS, JavaScript, and Webpack.
Leaderboard A Leaderboard app that pulls from a LeaderboardGameAPI and allows users to view recent scores and add more scores to the score board. Buil
This application lists the scores of players of a certain game (determined by the user), in this app the Leaderboard REST API is used, where the participants and their scores are registered.
Leaderboard this application lists the scores of players of a certain game (determined by the user), in this app the Leaderboard REST API is used, whe
Very useful website application to memorize all the tasks of the day, mark the complete ones, organize them by importance and finally delete them.
To Do List Very useful website application to memorize all the tasks of the day, mark the complete ones, organize them by importance and finally delet
It is a solo Project and In this repo I try to build a E-Commerce full-stack website with MERN stack technologies. For Practice purpose.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. I build a simple website that allows for doing that, and I do it using ES6 and Webpack!
Project Name : TO-Do list "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mar
Custom alert box using javaScript and css. This plugin will provide the functionality to customize the default JavaScript alert box.
customAlertBoxPlugin Custom Alert Box Plugin Using JavaScript and CSS Author: Suraj Aswal Must Include CSS Code/Default Custom Alert Box Class: /* mus
Microverse Module 02 Project: This is an educational project to make a TodoList web application, where the users can add new todo, remove todo, edit todo, mark todo as completed, and remove all completed todo. Built with Webpack
todo-list This project is about building a list of To Do tasks. Where you can save your daily activities and help in daily evaluation. Live demo you v
A webpack based todo list with HTML5, CSS3, JS and linters
Project Name This is a project to track your daily tasks as a todo list. This project doesn't have a backend so data gets saved in you local storage.
Make Your TODO list using my Code written in HTML, CSS, JS
Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4 :------------------------------------------------: :----------------------------------------------
An online library for adding and removing a different number of books from a user collection, keeping track of the books you've read and the one's you are yet to read
Awesmoe Books A Website demo for our project of book store, The website has ability of adding and removing you books from yor library, Thats reflects
This project is about building a web application to translate languages using language translator API.
Language Translator App A web application to translate multiple languages Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Inst
This is a web app built to reserve hotel rooms all around the globe.
Microvago This is a web app built to reserve hotel rooms all around the globe. Live Demo 📱 To see this project's live demo, please click here. ⚠️ Not
A website which displays a list of movies and allows the user to leave a comment and like.
Movie-website Description Mobile Version Desktop Version "Movie-website" is a website which display movies from TVmaze api allowing users to like and
This is a project that allows users to add/remove book from a list. we accomplish this by usig javascript oject.
This is a project that allows users to add/remove books from a list. we accomplish this by using a JavaScript object. I used JavaScript modules for this project. Built with JavaScript, Html and CSS and ES6.
This is a project that allows users to add/remove books from a list. we accomplish this by using a JavaScript object. Built with JavaScript, Html and CSS.
Awesome-book This is a project that allows users to add/remove book from a list. we accomplish this by usig javascript oject. Built With HTML5 CSS3 Ja
I Built This project in microverse's second module, in this single web application the user Can add, remove and display the list of books.
Awsome Books I Built This project in microverse's second module, in this single web application the user Can add, remove and display the list of books
A (very) minimalist creative coding playground. Make animations using only 64 HTML sliders!
Sliderland A (very) minimalist creative coding playground. Make animations using only 64 HTML sliders! Credits The recording feature uses ffmpeg.wasm
A JavaScript project for the Leaderboard list app, using webpack and ES6 features, notably modules.
Leaderboard ONJoseph Leaderboard project JavaScript leaderboard project using API. Description In this activity I will set up a JavaScript project for
TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list.
Todo TODO List is a simple website that displays a list of todo and allows you to add and remove todo from that list. App Screenshot Live Demo Todo Ap
Nebula is a lightweight (1kb compressed) JavaScript library that creates beautiful universe animations.
Nebula is a lightweight JavaScript library for creating beautiful universe animations. Including configurable Stars, Nebulas, Comets, Planets and Suns. Compatible with SSR
We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation project
Проект сайту "Filmoteka" Привіт! 🤗 Ми студенти групи під назвою "Special-Team" академії GоIT 🔥 🚀 Ми закінчили курс JavaScript і для того, щоб закрі
This is a Microverse (@microverseinc) project in which I created a To-do list using Webpack. User can add a task, delete it, edit its description, and clear the completed tasks.
Microverse To-Do list This is a Microverse (@microverseinc) project in which I created a To-do list using webpack. Requirements Build a Todo list usin
A file sharing service, where you can upload files and provide a download link for anyone on the internet by sharing the link 🔗 or via mail ✉️ which remains active for 24hours 🕙.
eShare | File Sharing App A file sharing service, where you can upload files and provide a download link for anyone on the internet by sharing the lin
A Leaderscore app that send data to an API created from Postman and allow users to save names and scores in a table. Built with JavaScript
Leaderboard The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha
🎬 super easy recording for p5.js animations
About • Why p5.capture? • Getting started • API Options • Browser compatibility • Limitations About Assuming you would like to record p5.js animations
Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. This project is build with JavaScript.
Event Page Awesome Books. In this project, I built a basic website that allows users to add/remove books from a book list. Built With HTML CSS JavaScr
Awesome books is a vanilla Javascript which offers CRUD functionalities allowing you to add, remove edit boks info and store it to the local storage.
Awesome Books Awesome books is a simple project that displays new books when a user updates them. Built With HTML-5 CSS3 Javacript Linters Live Demo L
"Math magicians" is a website for all fans of mathematics. You can Make simple calculations and Read a random math-related quote.
Math-Magicians This project was bootstrapped with Create React App. "Math magicians" is a website for all fans of mathematics. You can Make simple cal
Use Kanban board with filled-in tasks that have categories and time estimations to assign work in group.
javascript-capstone 456movies 456movies is the home of amazing original programs that you can’t find anywhere else. Movies, TV shows, specials and mor
⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like
Quick and easy spring animation. Works with other animation libraries (gsap, animejs, framer motion, motion one, @okikio/animate, etc...) or the Web Animation API (WAAPI).
spring-easing NPM | Github | Docs | Licence Quick and easy spring animations. Works with other animation libraries (gsap, animejs, @okikio/animate, mo
Web-pack based Todo-List Website built using HTML, CSS and JavaScript. Tested Using Jest.
To-DO List Live Link Additional description about the project and its features: Built With HTML and CSS Javascript HTML & CSS3 & JavaScript Linters Gi
This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day.
Event Page Todo List. This is simple To-Do App for managing the daily tasks and to keep track on tasks during the day. Built With HTML CSS JavaScript
A to do list where you can add tasks, mark completed tasks and clear all completed tasks.
To Do List A to do list where you can add tasks, mark completed tasks and clear all completed tasks. You can rearrange the order of the tasks by doubl