917 Repositories
JavaScript css-media Libraries
This is a Google Chrome Extension which blocks social media sites.
Social Media Blocks (1.0.3) This is a Google Chrome Extension which blocks social media sites like Twitter: Facebook, Instagram, LinkedIn, WhatsApp, R
Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones.
Stitches Mix Set of property utilities for Stitches with theme tokens support. Use the built-in utils, or easily build custom ones. Usage To import al
"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. You will build a simple website that allows for doing that, and you will do it using ES6 and Webpack!
To-do-list 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 to mark t
A simple to do list app built with HTML, CSS and JavaScript. Users can add daily tasks, edit the tasks, delete the tasks when it's done
To Do List This is a website that allows users to manage the tasks. users can add every task to do and when the task is done users can delete the task
It's a set of common utility strategies to work with responsive styles with Flutter and CSS in JS
@skynexui/responsive_stylesheet You don't need to be worried just because you have to support multiple screens 📺 🖥 💻 📱 It's a set of common utilit
A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version).
Software Developer Portfolio 💯 A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version). Website Screenshot In
FlipVerse: Blockchain-based eCommerce warranty system using NFTs
FlipVerse 🔗 Blockchain-based eCommerce warranty system using NFTs DEMO LINK About the Site 🚀 Blockchain-based eCommerce warranty system using NFTs T
This is an educational and simple website that displays a list of books and allows you to add and remove books from that list built with HTML, CSS, JavaScript. The goal is to make it more organized by using modules and practice the ES6 syntax in the first Module
Awesome books ES6 This is a website that allows users to add and remove books from a list. This project is build using JavaScript objects Built With H
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a
Codú's open-source codebase. A space for coders.
Running the app $ npm install # development $ npm run dev Open http://localhost:3000 with your browser to see the result. You can start editing the p
This is a project based on a game Leaderboard. You can interact with an API inserting your user name and score. Built with HTML, CSS, JavaScript and WEBPACK
Leaderboard: Leaderboard project - Microverse Acces link Check the live version here Built With HTML CSS JavaScript VScode Webpack GitFlow Quick view
The Bookstore is a website where the user can display a list of books, add a book by providing a title, an author, and selecting from the categories, and remove a selected book.
Bookstore The Book Store is a website where the user can display a list of books, add a book and remove a selected book. Microverse's Bookstore API wa
This project is an Awesome Books web page where users can add or remove books from the site. It also displays a list of the books added to the collection. This Awesome books webpage was created using ES6.
Awesome books App using Module Awesome books App using Module This book list was built using modules and other ES6 syntax. It allows users to add/remo
Convert a CSS linear gradient function to expo-linear-gradient props
@bacons/css-to-expo-linear-gradient Demo: snack Convert a CSS linear gradient function to expo-linear-gradient props. Add the package to your npm depe
Vite plugin for minifying / obfuscating CSS classes in production builds
vite-plugin-class-mangler Vite plugin for minifying / obfuscating classes in production builds. Compatible with Tailwind, inline, or imported styles.
Resurrection of mediagroup / MediaController (renamed) which can be used to sync and control multiple audio / video elements.
media-group (examples) Resurrection of the mediagroup attribute and MediaController API (but renamed) which can be used to sync and control multiple a
Projeto de um relógio digital utilizando HTML, CSS e Javascript.
Link da aplicação online: https://filipelimavaz-relogiodigital.netlify.app/ Projeto de um relógio digital utilizando HTML, CSS e Javascript Obrigado a
A simple To-do app project made using JavaScript ES6 and Webpack - Microverse. You can add, remove, check tasks, and remove all the tasks that were done at the same time. Feel free to see the live version, if you like it please give it a star!
To Do List a to do list javascript app buit using webpack and es6. Built With HTML CSS JavaScript Wepack Live Demo (if available) Live Demo Link Getti
This project is a Web application based on an external API. The API provides data about music (including artists, albums, etc) that users can access on-demand. This project was built with ES6, HTML and CSS and it is a SPA.
Capstone M2: Music App This project is a Web application based on the music API Napster built with ES6, HTML and CSS and it is a SPA. This API provide
This is a simple frontend project which is built while learning full-stack web development
This is a simple frontend project which is built while learning full-stack web development by Dr.Angela yu the course is called The Complete 2022 Web Development Bootcamp this is the best-seller course in web development on Udemy
This is a basic website that allows users to add/remove books from a list using ES6
AWESOMEBOOKSES6 This project is aim at restructuring and organizing Awesome books with modules Getting Started step 1: Clone this repo locally using g
Create scroll-based animation without JavaScript
Trigger JS Create scroll-based animation without JavaScript. Sometimes we want to update the CSS style of an HTML element based on the scroll position
Bio - Evander Inácio
Bio - Evander Inácio ☕ 📝 Descrição Bio contendo os links das minhas redes sociais. site final: Bio-Evander-Inacio 🚀 Tecnologias Esse projeto foi des
A web app designed to keep track of activities that are done and those that are and not done. Users can add, delete, mark as completed and update the activities. Built with Javscript, html, css and webpack.e your activites
ToDoListApp A web app designed to help web keep track of activities that are done and those that are still pending. Users can add, delete, mark as com
It is an app that allows you to create lists of books and authors made in the course of Microverse. This project was develop using JavaScript, HTML and CSS.
AWESOME BOOKS This is an Awesome book store project that add store and diplay books on the UI. Built With HTML,CSS, JavaScript Frameworks Github, Lint
A web app which help you to save you a list of your favorite books, they will be saved on your local storage to never loose them even if you close the page. Built wiht JavaScript
Awesome Books In this project I build a page to save a list of your favorites books, you can add new books, delete it and they will be saved in the lo
To-Do List is a simple web based application that gives users an opportunity to note and organize their daily tasks. This app is built with JavaScript, HTML/CSS.
Project Name To-Do App Live Demo About Project In this feature, I built a to do list app which helps to list the tasks to be done at a particular time
This is an app developed in the Microverse course, it is a simple app used for developing a task list, using JavaScript modules and webpack
TODO LIST This is an app developed in the microverse course, developing a task list, using Javascript modules and webpack A simple app to help you man
This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. The main objective is to understand how to use proper ES6 syntax.
TO DO LIST To Do List This is a website for creating to-do tasks. "To-do list" is a tool that helps to organize your day. This project is part of the
This single-page application displays a site where users can add/remove books from an interface and navigate between sections using ES6 Js.
Awesome Books - ES6 Web app that allows to add and remove book's data using Javascript and ES6 conventions. Built With HTML CSS Javascript ES6 Prerequ
A simple powerline like lines generator.
Powerline.css A quick way to create powerline like effect. It's super simple and super easy to use. Author: @vivekascoder How to Use?? Start with down
✨ Small and Clean JavaScript Toast Notifications
BuzzNotify Small and Clean JavaScript Toast Notifications New version introduces breaking changes! Now the styles come separately and you will have to
Bootstrap 5 & Material Design 2.0 UI KIT
Bootstrap 5 UI KIT - 700+ components, plain JavaScript, MIT license, simple installation. MDB is a collection of free Bootstrap templates, themes, des
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
created mac OS desktop with HTML, CSS, JS 😀
Hello World 👋 I am planing to make a mac OS simulator using HTML, CSS, and JavaScript 😀 Mac Os Monterey Try it now! : https://mhmdmhd6.github.io/Mac
Simple date and time picker in vanilla javascript
simplepicker Simple datetime picker in vanilla javascript. This project is mostly based on material-datetime-picker, but without it relying on externa
Nextjs-components: A collection of React components
nextjs-components A collection of React components, transcribed from https://vercel.com/design. 1 Motivation Blog post from 01/09/2022 Todo's Unit tes
A browserify plugin to load CSS Modules
css-modulesify A browserify plugin to load CSS Modules. Please note that this is still highly experimental. Why CSS Modules? Normally you need to use
CSS selectors complexity and performance analyzer
analyze-css CSS selectors complexity and performance analyzer. analyze-css is built as a set of rules bound to events fired by CSS parser. Each rule c
Semantic is a UI component framework based around useful principles from natural language.
Semantic UI Semantic is a UI framework designed for theming. Key Features 50+ UI elements 3000 + CSS variables 3 Levels of variable inheritance (simil
CSS for clean and fast web apps
Topcoat CSS for clean and fast web apps Usage Download Topcoat Open demo/index.html to view the usage guides. Copy your desired theme CSS from the css
Fries helps you prototype Android apps using HTML, CSS, and JavaScript.
Fries v2.0.5 Fries is an awesome mobile UI framework for Android apps using just HTML, CSS, and Javascript and is inspired by Ratchet. NOTE: Unfortuna
The front-end CSS framework for building experiences for Office and Microsoft 365.
Office UI Fabric Core The front-end framework for building experiences for Office and Office 365. Fabric is a responsive, mobile-first collection of s
A starter CSS framework that actually looks good.
Mustard UI Mustard is a starter CSS framework that actually looks good. Getting Started Mustard UI is currently in release v1.0. Try it out today and
Mobile UI Components, based on Vue.js and ionic CSS
Mobile UI Components, based on Vue.js and ionic CSS
A set of common UI Components using the power of CSS and without Javascript
A set of common UI Components using the power of CSS and without Javascript
The CSS design system that powers GitHub
Primer CSS The CSS implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/css. You'll be able to f
A lightweight, scalable, mobile-first CSS framework
Mobi.css A lightweight, scalable, mobile-first CSS framework Homepage Features Lightweight The default bundle of Mobi.css provides the basic styles to
:iphone: A super lightweight HTML, Sass, CSS, and JavaScript framework for building responsive websites
Responsive Boilerplate A powerful, accessible, developer friendly, framework for building responsive websites Responsive Boilerplate is the developers
Awesome Media Queries in JavaScript
enquire.js - Awesome Media Queries in JavaScript enquire.js is a lightweight, pure javascript library (with no dependencies) for programmatically resp
Author styles collocated in JS, pull them out into static CSS on build. No runtime dependency.
Author styles collocated in JS, pull them out into static CSS on build. No runtime dependency. the big idea: I like to author styles collocated with c
A hub for web developers that offers a variety of tools to help with any developing needs.
WebDevHub - A place for developers WebDevHub is designed to be one central place for developers, that offers a variety of tools to help with any devel
Query for CSS brower support data, combined from caniuse and MDN, including version support started and global support percentages.
css-browser-support Query for CSS browser support data, combined from caniuse and MDN, including version support started and global support percentage
A PostCSS plugin that transforms `css var` to `less var`.
PostCSS CSS var to Less var A PostCSS plugin to convert CSS variables to Less variables Installation npm install postcss-transform-css-var Examples /
The fastest and tiniest utility for conditionally joining classNames.
classix The fastest and tiniest utility for conditionally joining classNames. Installation npm install classix Usage Use any amount of string expressi
OrganiCSS is a collection of mixins for writing logical CSS in different pre-processors and libraries.
OrganiCSS is a collection of mixins and functions to support writing progressively-enhanced logical CSS in many different flavors. Getting Started To
This project is designed to store all the daily tasks that need to be done and their status (completed or not), build by JavaScript.
Portfolio In this project I built the Do list project. Built With Major languages: HTML , CSS , javascript Live Demo (if available) Live Demo Link Get
A web app which help you to save your daily tasks, mark them as completed and edit and delete them. Built with JavaScript
To-Do List A simple to-do list to help you organize your daily tasks. Built With HTML. CSS. JavaScript: ES6, Modules, Classes, Arrow Functions, Events
Todo List is a simple web-based application that gives users the ability to organize their work and life daily tasks. Built with JavaScript, HTML/CSS.
Javascript Project Todo List Using Javascript to create a simple Todo List project. Populating the todo list and then removing from the list. Built Wi
Interactive To Do List, draggable tasks, optimized for desktop and mobile screen sizes. It reserves data in local storage. Built with HTML, CSS, and JavaScript.
To Do List Interactive daily To-Do List Built With Major languages: html, css, javascript Frameworks: Technologies used: Webpack Live Demo Live Demo L
This is an app that displays a list of books, allow users add a book and remove a selected book.
BookStore This is an app that displays a list of books, allow users add a book and remove a selected book. Built With HTML CSS -React -Redux -JavaScri
Awesome Books project with ES6 is an application that was built using Vanilla JavaScript with ES6 features like using arrow functions. This application allows you to keep records of your favorite books.
Javascript Project Awesome Books with ES6 Using Javascript to create a simple Awesome Books project. Populating the books list and then removing one b
To Do list app. Very useful to keep track of daily activities. Made with ❤️, JavaScript and bundle with Webpack
To Do List ⚙️ This is a To Do list App to practice Javascript and Webpack deployment. Live Demo ⚙️ GitHub Pages: DEMO Tech ⌘⇧ HTML & CSS best practice
This project is created to store the name of the book and the name of its author, build with JavaScript.
awesome-books A plain javascript project that can keep track of a list of books utilizing localStorage. See live demo Built With HTML CSS Javascript T
A to-do list set up using webpack. It allows the user to add, remove, edit and check items on the list. All the data is saved in local storage.
Project Name: Webpack-Project: To-Do-List Description of the project: A simple to-do-list app created using webpack. Built With Major languages: HTML
Awesome book with ES6, this project is build using HTML,CSS, JavaScript ES6 the project allows you to add books and save them with the author , for another time checks
Project Name Awsome books Description the project. adding books daynamiclly Built With Major languages Frameworks Technologies used Live Demo (if avai
To Do list is a small but useful project to make list app , you can add tasks delete tasks and modify tasks, the project built using HTML, CSS, JavaScript
Project Name The To-Do-List app description this is a project in the second week of the second module in microverse. its a useful to do list that save
Probably the friendliest social media downloader.
cobalt Sleek and easy to use social media downloader built on JavaScript. Try it out live: co.wukko.me! What is cobalt? Everyone is annoyed by the mes
Lightweight basic CSS style sheets.
Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi
💨 Soothing pastel theme for Tailwind CSS
Catppuccin for TailwindCSS Preview You can check out one of our deployed examples here! Usage Install the plugin $ npm install -D @catppuccin/tailwind
An app to keep track of a list of books.
awesome-books-es6 A plain javascript project that can keep track of a list of books utilizing localStorage. The project utilizes MVC architecture. Bui
A simple HTML list of To Do tasks built using webpack, JS ES6 and CSS. This app allows users to add and delete tasks to organize their days.
To-Do List "To-do list" is an app that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl
Math Magicians is a website for all fans of mathematics.
"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.
This is the Microverse Leaderboard project that uses gitflow and features html, CSS, Javascript, ES 6 modules and Webpack
Leaderboard project This is the Microverse Leaderboard project using Gitflow, html + css + modular javascript, ES6 syntax, and Webpack. Built With Htm
A JavaScript library to apply light-dark theme in web pages with the help of css variables
Theme Changer The simplest JavaScript library to apply light - dark theme in your website. First Check Out One Example How to use Files index.html sty
Three.js boilerplate project configured with typescript, webpack and css/style loader, HTTPS local server, and a sample test codes !!
three.js-boilerplate Welcome, this is a three.js boilerplate project where you can clone it and start to work !!! Installed and Configured Items: Type
Single function to create, manage, compose variants, for any CSS-in-JS libraries.
Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta
Clone of a To-Do List app I like.
📃 ️Dona Clone This project is a clone of Dona, which is a To-Do List application focused on design. I've always liked their design and decided to rec
A web app to create tasks.
Tarefa A web app to create tasks. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About The Project Project Group Commun
A typography stylesheet for readable content
yue.css yue.css is a typography stylesheet for readable content. It was created for my blog at first since I always designed a new theme for my blog.
CSS library for Instagram filters
CSSgram CSSGram is an Instagram filter library written in Sass and CSS. What is This? Simply put, CSSgram is a library for editing your images with In
Instagram.css - Complete set of Instagram filters in pure CSS
Instagram.css Instagram.css - Pure CSS Instagram filters. You can add all these Instagram-like filters to your photos with using CSS only. Thanks to t
Generates an image from a DOM node using HTML5 canvas
DOM to Image What is it dom-to-image is a library which can turn arbitrary DOM node into a vector (SVG) or raster (PNG or JPEG) image, written in Java
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
jQuery CSS Customizable Scrollbar
jQuery Scrollbar Cross-browser CSS customizable scrollbar with advanced features: Easy to implement No fixed height or width Responsive design support
The iconic SVG, font, and CSS toolkit
Version 6 Font Awesome is the Internet's icon library and toolkit, used by millions of designers, developers, and content creators. Documentation Lear
A curated collection of all country flags in SVG — plus the CSS for easier integration
flag-icons A curated collection of all country flags in SVG — plus the CSS for easier integration. See the demo. Install You can either download the w
Reveal CSS animation as you scroll down a page
WOW.js Reveal CSS animation as you scroll down a page. By default, you can use it to trigger animate.css animations. But you can easily change the set
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
Animate elements as they scroll into view.
Animate elements as they scroll into view. Introduction ScrollReveal is a JavaScript library for easily animating elements as they enter/leave the vie
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.
iHover is a collection of hover effects using pure CSS, inspired by codrops article, powered by Sass.
Intro iHover is a collection of hover effects using pure CSS, inspired by this codrops article, powered by Sass. Demo: https://gudh.github.io/ihover/d
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. Made with webpack, JavaScript ES6 , HTML 5 and CSS 3.
Microverse Webpack Javascript For the second Javascript milestone in building a todo website, set up a new repository and prepare it for development u
Web app for adding your daily tasks in todo list
Web app for adding your daily tasks in todo list. You can check task when your task is finished and it will be mark as finsih. Also you can delete and change description of tasks.
The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
Awesome-Books-ES6 The aim of this project is to restructure the Awesome books app code by using ES6 syntax and organising the workspace using modules.
This is an example of a web app for adding books to your own library
This is an example of a web app for adding books to your own library. You can add or delete books. It will be saved on local storage, so when you refresh the page, the books will not be deleted.
A SPW (Single Page Website) that can track your favorite books on your browser! Made with ES6 modules,JavaScript, HTML 5 and CSS 3.
awesome-books It is a project for Microverse's JavaScript Module to be done using pair-programming. Desktop Version Mobile Version In this website you
Experimental tool inspired by Capsize, implemented in Solid JS. Generates x-height and cap-height CSS
Usage Those templates dependencies are maintained via pnpm via pnpm up -Lri. This is the reason you see a pnpm-lock.yaml. That being said, any package
Web Application to Buy/Sell Scrap Items
nexscrap-classified Description : Web Application to Buy/Sell Scrap Items Requisite : Make sure you have Python3 and Pip installed in your System How