902 Repositories
JavaScript css-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
Shopify Landing (Open source landing page shopify application)
SHOPIFY Open source landing page shopify application Configuration and Setup Key Features Technologies used 📸 Screenshots Author License Configuratio
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
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀
SundarUI 😍 Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀 What is SundarUI? Sundar UI is a library o
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service.
Leaderboard 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites Instal
The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved thanks to the external Leaderboard API service. Built with Html, CSS and JavaScript
Leaderboard App 📗 Table of Contents 📖 About the Project 🛠 Built With Tech Stack Key Features 🚀 Live Demo 💻 Getting Started Setup Prerequisites In
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
NativeScript + Tailwind CSS + Angular Mobile Starter
NativeScript + Tailwind CSS + Angular Mobile Starter This repo is a small starting point for building a native iOS and Android app with Tailwind CSS,
Compile Master CSS ahead of time with zero-configuration integration with build tools
CSS Compiler Compile Master CSS ahead of time with zero-configuration integration with build tools On this page Usage webpack.config.js vite.config.js
My personal Website, where I share my blog and project. Build using Nextjs and Tailwind CSS
Personal Blog This is my portfolio website built with Next.js, Tailwind CSS and hosted with Vercel. Perfect Light House Score 🛠 Installation & Set Up
Opiniated Eleventy starter based on the workflow suggested by Andy Bell's
Eleventy starter Very opiniated Eleventy starter based on the workflow suggested by Andy Bell's https://buildexcellentwebsit.es/. Eleventy starter Pre
A beginner friendly hacktoberfest2022 repo made lately to accept valid open source contribution.
Hacktoberfest2022 A hacktoberfest2022 repo made lately to accept valid open source contribution. What is Hacktoberfest? Hacktoberfest is digitalocean’
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 @
🌟 My Website/Blog using Next.js, Tailwind CSS and Vercel (v3)
My Website made using Next.js, Tailwind CSS, and Vercel. Screenshots 📸 🚀 Live at - https://arunava.tech Features 🌟 Next.js Tailwind CSS Vercel Dark
TypeScript CLI for creating HTML & CSS & TypeScript project with different bundlers, v2022.10.23 is ready on NPM
TSCI CLI TypeScript CLI for creating HTML & CSS & TypeScript project with different bundlers. Installation npm i -g tsci Usage Want to contribute? You
Watcher - Minimal Screen time tracker website
Watcher website first look This is what we are gonna make throughout the Hacktoberfest. Also do check out Watcher Tech-stack Want to Contribute to Wat
Encode WEB-Dev is a open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc.
HACKTOBERFEST 2022 Encode WEB-Dev is an open source project which contains different projects of Html, CSS, Javascript and MERN Stack etc. which makes
Everyone is welcomed here to contribute different web projects. Do follow the Contributors Guidelines
WebMine Add your Web Development Projects Here This is the repository were you can contribute all your Web Projects. Duplicate projects will not be me
This is a JavaScript leaderboad list app. In this project I used Webpack and ES6 modules. As well as HTML, and CSS for styling the app. When submitting the scores the data is preserved thanks to the external Leaderboard API service.
Leaderboard App In this project the leaderboard app allows you to create games and the user can submit their names and scores into the app to keep tra
The awesomebooks project is a simple list, but separated into 3 parts and given a retro feel. The main page is where we can add books, and on another page we can see the list, and remove items. There is also a "contact-us" page.
Awesome Books This is the restructured version of the famous awesome-books project! Here you can find JavaScript broken into modules, using import-exp
This is a project for open source enthusiast who want to contribute to open source in this hacktoberfest 2022. 💻 🎯🚀
HACKTOBERFEST-2022-GDSC-IET-LUCKNOW Beginner-Hacktoberfest Need Your first pr for hacktoberfest 2k22 ? come on in About Participate in Hacktoberfest b
Module '2' Week two '2' project. The following technologies are used: HTML, CSS , Webpack, and JavaScript. Features of this app are rendered dynamically. It allows user to pinned or add task the will be doing on it. Local storage session is implemented. Task stay on app when user refresh or reload page. Task can be checked when completed.
To Do list: Description the project. Built With Major languages Frameworks Technologies used Screenshot of project Built With HTML, JAVASCRIPT, CSS, a
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. It is tested by JavaScript Unit testing using Jest framework. It is build by using ES6 and Webpack!
Project Name To Do list: interactive list Description the project. In this project, I added some functionality to my application to make it interactiv
Tic Tac Toe game (HTML, CSS and JS)
Tic-Tac-Toe Tic Tac Toe game built as a site written with HTML, CSS and JS. Authors @Sh1Sh0p FAQ Does the game have a multiplayer option? No. Does the
A single-page application that allows users to keep track of their books. Users can add the book details (book title and author) and also, and the books can also be removed. Built with JavaScript, HTML, and CSS
Project Name Awesome book with ES6 Description the project. This is a single page application that allows users to keep track of their books. Users ca
Wann muss ich von einer Adresse los, um per ÖV/SBB zu gegebenen Zeiten/Daten an gegebenen Adressen/Orten anzukommen?
✍ Deutsch, Français, Italiano, Rumantsch ✍ Beschreibung Serverlose Webseite: Wann muss ich von einer Adresse los, um per ÖV/SBB zu gegebenen Zeiten/Da
Kittos is NFT Marketplace built with Next Js, Hardhat, Solidity, Arweave + Bundlr Client and All The CSS Magic with TailwindCSS. 😺
Kittos NFT Marketplace 😺 Built with Next Js, Hardhat, Solidity, Arweave, Bundlr and Tailwind CSS. Functionalities New Listed Assets Mint NFT Buy NFT
Contribute in this repository by raising genuine PR. Get verified, merged and earn the free swags from Hacktoberfest 2022.
Webd-and-Blockchain-development Welcome to Hacktober Fest 2022 • EVERYONE IS WELCOME ✨ • Contribute anything in In web-development and blockchain-deve
Intermediate HTML-CSS-JS Repository to promote Open Source Contribution for Hacktoberfest 2022
Fun-with-JS 🎮 This project is a sincere attempt by MSTC, DA-IICT to encourage Open Source contribution. Make the best out of the ongoing Hacktoberfes
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
Weather app made using openweather api that supports over 200,000 cities
About This is an open-source weather app built using React.js, and you are welcome to add your unique touch to this project by contributing to the rep
In this project, I built a to-do list app, which is inspired by the minimalist website. Build withHTML/CSS & JavaScript best practices: Correct use of tags, elements, properties and syntax.
Webpack Exercise In this project, I built a to-do list app, which is inspired by the minimalist website. Built With HTML/CSS & JavaScript best practic
Project of "Web Development" course for the Bachelor's degree in Computer Engineering, taken at the University of Pisa. Final evaluation: 30/30.
La battaglia della Meloria Welcome! This is the 🇬🇧 version of the README file. Click here for 🇮🇹 version. Introduction Historical reinterpretation
Generate smooth, consistent and always-sexy box-shadows, no matter the size, ideal for design token generation.
smooth-shadow Generate smooth, consistent and always-sexy box-shadows, no matter the size, ideal for design token generation. Demo As Tobias already p
In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. I followed the JavaScript, CSS, HTML, DRY, KISS and YAGNI Best practices.
To Do list: add & remove In this project, I implement a Simple To Do List with the CRUD (create, read, update, delete) methods. All the elements of th
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
Next.js app using some dummy Tailwind CSS components
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Leaderboard list app, using webpack and ES6 features
Leaderbord-project Leaderboard list app, using webpack and ES6 features Built With HTML CSS Javascript Linters Webpack Live Demo N/A Getting Started T
Use this project as a tool for remembering your daily tasks, confirming, editing, remove are actions you can do to tasks, your data is saved in the LocalStorage so every time you open or refresh the page all changes will be present.
To-do-list The porpuse for this project is show You, the way how to implement webpack in a project creating a To-Do list in for add a template to crea
An awesome books library. Written using modules. Built with HTML/CSS and Javascript.
My Awesome Books my awesome books version.1 using modules in projects Built With HTML/ JavaScript Linters Live Demo (if available) Live Demo Link Prer
ToDoList app helps users make their day organized and user can add tasks, delete completed tasks.Build with Javascript, HTML, CSS
ToDoList Description the project. This project we will help you organize your day. Add tasks Delete tasks And clear all tasks keep your list clean. Bu
A web app build with HTML, CSS, and JavaScript. It allow users to add a book title and and it's author. Content are rendered also dynamically.
Awesome books: with ES6 Description the project. Built With Major languages Frameworks Technologies used Awesome Books In this project the featured se
Microverse Module 02 Project: This is education project that allow user to add desire books to the list and also delete books. It makes use of local storage to preserve the data on the web browser.Built with HTML, CSS, JavaScript
Project Demo Live Demo AWESOME BOOK PROJECT Project allow user to add desire books to the list and also delete books. It makes use of local storage to
Microverse Module 02 Project: This is educational project 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. Built with HTML, Sass, JavaScript and Webpack.
Project Demo Live Demo Description 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
This is my first website. It has helpful information, games, lots of pages & more.
Mitko.Vtori World This is my first website. It has helpful information, games, lots of pages & more. 🎞 Presentation & Introduction Here's link to my
The only developer portfolio template you'll ever need with modern UI/UX.
Personal Portfolio Deployed link: https://parthmittal.netlify.app/ Table of Contents 📁 Tech Stack Implemented Sections Use as a theme Contributing In
[WIP] A micro content management system
T8 CMS T8 is a minimal CMS for static sites and blogs. Tech Stack ReactJS TypeScript Material UI Styled Components Supabase(BaaS) Project Folder Struc
Super Mario 64 ported to JavaScript and WebAssembly via Emscripten.
SM64-JS Super Mario 64 ported to JavaScript and WebAssembly via Emscripten. REPL Takedown I was forced to take down the REPL for this project due to c
A simple breakout game created using HTML, CSS and Javascript
BreakOut Game This game is created using HTML, CSS and Javascript Game Overview The game would consist of 3 lives in order to clear out all the blocks
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
Awesome Books project : An online Book Library. Storing book information using local storage and displaying it as a list on HTML page
This is project is my based on building an online Book Library. Storing book information using local storage and displaying it as a list on html page
DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!
DripUI - Tailwind Components DripUI is an amazing collection of free UI components to help you develop projects faster and easier. The most elegant co
A to-do list Web application that lets the user add, remove and reorder to do lists and checks a task when completed with a button to delete all completed task
TO DO LISTS A Web application that lets the user add, remove and reorder to do lists Built With Html,JS,CSS Webpack and other dependencies Git, Github
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
A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I implemented 3 functionalities on the this project namely: Add task edit task delete task using Js
My To-Do List A simple todo list app written in javascript and html with basic CSS styling This project makes use of webpack to bundle the code. I imp
It is a simple yet powerful to do list app in which you can add daily to-do tasks.you can edit, remove, check it to change its status to complete or not complete. it would save all the data and changes in local storage and track your daily tasks whether you have completed them or not.Built with vanilla JavaScript
To Do list - minimalist It is a simple yet powerful to do list app in which you can add daily to-do tasks. it would save all the data and changes in l
A pure CSS toggle switch for form input checkboxes
Toggle Switchy A pure CSS toggle switch for form input checkboxes Preview Installation CSS link rel="stylesheet" href="toggle-switchy.css" HTML lab
Rotating CSS dice in 3D using jQuery. Based on my old snippet on CodePen.
Dice Rotating CSS dice in 3D using jQuery. Based on my old CodePen Roll the dice!. Demo: https://alexerlandsson.github.io/dice/ How to use Include /do
Sass library to make isometric 2D without javascript
IsometricSass Sass library of isometric functions The use of 3D graphic contexts in JavaScript is often to the detriment of the performance and suppor
jQuery Terminal Emulator - JavaScript library for creating web-based terminals with custom commands
JavaScript Library for Web Based Terminal Emulators Summary jQuery Terminal Emulator is a plugin for creating command line interpreters in your applic
tb-grid is a super simple and lightweight 12 column responsive grid system utilizing css grid.
tb-grid Lightweight (1kb gzipped) 12 column grid system, built with css grid. 👉 Demos & Playground Have a look at those examples: Main Demo: https:/
A minimal, pure-CSS Lightbox replacement
CSSBox A simple, pure-CSS Lightbox replacement. An example page is available in the gh-pages branch, or online on GitHub Pages. Why CSSBox? Absolutely
A lightweight vanilla JavaScript context menu library with FontAwesome support.
Contextify A lightweight vanilla JavaScript context menu library with FontAwesome support. This library was written for use in a personal project of m
Desafio 21 dias de código proposto pela Rocketseat.
21-days-of-code Desafio 21 dias de código proposto pela Rocketseat. As regras para participar do desafio são: Todos os dias, codar por pelo menos 1h;
Examples of using various CSS-in-JS libs in Astro (repo for withastro/astro#4432)
astro + css-in-js This monorepo will show examples of various CSS-in-JS libraries in Astro. Currently only shows a basic counter example, would be nic
A website to list tech twitter creators, across the world.
TechCreators A website to list tech twitter creators, across the world. Languages/Tools 👩🏽💻 Demo Check out the website: TechCreators 👇🏽 Prerequi
Make use css module more sense.
vite-plugin-sense-css-module Make use css module more sense. Installation npm npm install --save-dev vite-plugin-sense-css-module yarn yarn add -D vi
Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the DOM and adding basic events.
Awesome Books Basic website that allows users to add/remove books from a list. Achieved using JavaScript objects and arrays, dynamically modifying the
Meu repositório com os exercícios realizados durante o curso de Desenvolvimento Web na Trybe.
Desenvolvimento Web Fullstack na Trybe Esse repositório contém todas as atividades de aprendizagem desenvolvidas por mim enquanto estudante da Trybe ?
🤑💰 Crowdfunding Platform backed by Ethereum Blockchain to bring your creative projects to life
Crypto Crowdfund For Creators Lacking the money to bring your Creative Venture to Life? Crypto Crowdfund Campaigns will help you turn your creative id
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
This project is a group Project created using Poke Api, HTML, CSS and JavaScript
JavaScript-Capstone-Project This project is a group Project created using Poke Api, HTML, CSS and JavaScript. Home Page About Page Project Documentati
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 easiest way to animate your Next.js project. Scrollreveal.js helper package.
next-reveal The easiest way to animate your Next.js app Demo Introduction next-reveal makes it easy to add awesome scroll animations to your Next.js p
Dev.to clone
Dev.to-clone A Dev.to clone created with MERN stack and more (Essentially FB without stories feature) Tech used with vite 🔥 : Frontend React Redux to
DFi-App showing compound transactions on Blockchain.
dbank Welcome to your new dbank project and to the internet computer development community. By default, creating a new project adds this README and so
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
Projeto construído do evento Next Level Week da Rocketseat
Tecnologias | Projeto | Layout | Licença 🚀 Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Node.js React ReactNative Expo Typ
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.
Extract CSS custom properties and a JavaScript config from Drupal's theme breakpoints
Drupal breakpoints to CSS To eliminate the need for different places for breakpoints and only maintain a single source of truth for those, this node_m
Super lighweight, pure JavaScript page load progress bar
Nanobar Super lighweight, pure JavaScript page load progress bar Status View Preview Table of contents Status Quick Start What's included Bugs and fea
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
(Experimenting) Transform CSS Modules to enable Atomic CSS benefits 🌱
MatoCSS Transform CSS Modules to enable Atomic CSS benefits Please note that it is still experimenting. I do not recommend using this in production. U
A list of movies are shown and you can add a comment on them or like them.
Dynasty Entertainment. A list of movies are shown and you can add a comment on them or like them. Built With HTML, CSS & JavaScript. webpack, bootstra
CodePlay is a Web App that helps the user to input HTML,CSS and JS code in the Code editors and display the resultant web page in real-time
CodePlay A codepen clone Setup Clone repository Create and go to the directory where you want to place the repository cd my-directory Clone the proj
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels
Natura is a women-only gym that provides a safe, supportive environment for women of all shapes, sizes, and fitness levels. Their goal is to help women feel confident and comfortable in their own skin, and to encourage them to lead healthy, active lifestyles.
A demo repository to play around with Vivid! Styled with Tailwind CSS
vivid-demo A demo repository to play around with Vivid! Mess around with a copy of our landing page to see how Vivid works! Learn more about Vivid at
Word guessing game, written in JavaScript and beautifully designed in CSS
Word Guessing Game Word guessing game, written in JavaScript and beautifully designed in CSS This is a word guessing game that I built. You can play i
Create HTML, CSS only with Javascript/Typescript
SwiftUI inspired JS FrameWork BreazeJS GOAL: Rapidly build modern websites without ever leaving your Javascript/Typescript. Output const ContentView:
Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI
Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di
Twitter Clone using next.js and tailwin CSS
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Beautiful UI-Range input component, highly customisable, based on CSS variables.
Beautiful UI-Range input component, highly customisable, based on CSS variables. including a floating output value, min & max values on the sides & ticks according to the steps
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
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time.
A tiny JavaScript library to easily toggle the state of any HTML element in any contexts, and create UI components in no time. Dropdown, navigation bu
Simple pure CSS ToolTip
PureCSSToolTip Simple pure CSS ToolTip purecsstooltip.css is used to the added tooltip for a web app, web page without javascript. This full of CSS co
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
A JavaScript library that creates a small dropdown list of selectable Emojis.
Welcome to EmojiButtonList.js: This is a JavaScript library that creates a small dropdown list of selectable Emojis. To get started, download the sour
A library for panning and zooming elements using CSS transforms :mag:
Panzoom Examples Panzoom is a small library (~3.7kb gzipped) to add panning and zooming functionality to an element. Rather than using absolute positi
Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop.
MultiDeviceHover Pure JavaScript library that add .is-hover class instead of css :hover for mobile and desktop. Usage Install Using npm, install multi