2019 Repositories
JavaScript css-to-react Libraries
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 Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API.
A Hulu Clone which created with NextJS. It fetches the data from TMDB (The Movie Database) API. Click demo to try it by yourself! Hulu Clone Demo Link
Tiny CSS framework with almost no classes and some pure CSS effects
no.css INTERACTIVE DEMO I am tired of adding classes to style my HTML. I just want to include a .css file and I expect it to style the HTML for me. no
This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library included.
Aim-Player This is a simple web based media player for playing video and audio. Build with pure HTML, CSS and Javascript. No framework or library incl
Unread-Messages.js is a lightweight library that lets a user add floating number notifications to any object.
Unread-Messages.js About Unread-Messages.js is a lightweight library that lets a user add mobile-like notification counter badge to any object with ju
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
Simple and flexible, css only, content placeholder loading animation.
Placeholder loading Simple and flexible, css only, content placeholder loading animation. Demo https://zalog.github.io/placeholder-loading/ Take a loo
CSS sprite to represent iOS shortcut icons
shortcut-icons A CSS sprite to represent iOS shortcut icons. Grab the stylesheet and the default (iOS 15) glyph set, and add a shortcut icon to your H
A jQuery plug-in to notify you of CSS, Attribute or Property changes in an element
selectWatch.js jQuery plug-in gives an opportunity to monitor changes of DOM element's CSS styles, attributes, properties, input element or select ele
Motionia is a lightweight simplified on demand animation library
The Ultimate & smart JS animation library! Simple fast , flexible & easy to integrate. No need to write page long CSS Keyframes that consumes a lot of
A simple web text editor which can export HTML
Rich Text Editor A simple web text editor which can export HTML Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About Th
Basic styling to create calendar icons with pure HTML and CSS
Calendar Icon Basic styling to create calendar icons with pure HTML and CSS Usage Embed the CSS, and markup your date: link type="text/css" rel="styl
A CSS stylesheet to quickly highlight a11y concerns.
Checka11y.css A CSS stylesheet to quickly highlight a11y concerns. Lightweight • Modern • Accessibile • Customisable • Simple The first line of defenc
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
A tiny and fast zero-dependency date-picker built with vanilla Javascript and CSS.
A tiny zero-dependency and framework-agnostic date picker that is incredibly easy to use! Compatible with any web UI framework, vanilla JS projects, and even HTML-only projects!
Just a jQuery accordion plugin
BeefUp Just a jQuery accordion plugin https://schascha.github.io/BeefUp/ Examples: Toggle buttons Hashchange CSS animations Self block Installation Yo
🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
Tagify - tags input component Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and
Pure CSS gauge component
Pure CSS gauge v0.2 Basic gauge component made with only CSS style rules. No SVG or canvas used in this component. This component can be easily themed
Story Show Gallery - JS & React - minimalist, vertical photo gallery, mobile friendly
Vertical photo gallery optimized for smartphones (notch area included). SSG will support your brand and marketing. Optimally placed captions, full screen lightbox, no ugly arrows
jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested on Firefox/Chrome/Maxthon/iPhone/Android. Very light 7ko min.js and 1Ko min.css.
Nice-Scrollbar Responsive jQuery based scrolling Bar, for PC and Smartphones (touch events). It is modern slim, easy to integrate, easy to use. Tested
An accessible, open-source lightbox with no dependencies
Tobii An accessible, open-source lightbox with no dependencies. See it in Action Table of contents Features Get Tobii Download Package managers Usage
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
A Virtual Interactive Keyboard which replicates every key you press and a Text-Area in which everything is written and can be copied to the clipboard with a click of a button.
A Virtual Interactive Keyboard which replicates every key you press and a Text-Area in which everything is written and can be copied to the clipboard with a click of a button.
LazyLoad Embed Vimeo Player - simple and lightweight plugin - pure JavaScript
Vimeo LazyLoad LazyLoad Embed Vimeo Player - simple and lightweight plugin - pure JavaScript Status View Preview Table of contents Status Quick Start
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 CSS component library based on the BEM methodology.
Vrembem A component library based on the BEM methodology. About Vrembem is a front-end component library written to make available common web interfac
High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
lazysizes lazysizes is a fast (jank-free), SEO-friendly and self-initializing lazyloader for images (including responsive images picture/srcset), ifra
Tooltip using only CSS and very low build size.
css-only-tooltip A very lightweight tooltip utitlity library, made using only CSS with dynamic light and dark themes. Insatallation Using npm $ npm in
Simple, responsive and lightweight Masonry Grid jQuery Plugin.
jquery-masonry-grid Simple, responsive and lightweight Masonry Grid jQuery Plugin. Installation Add the script before closing the body tag (make sur
A drop-in collection of CSS styles to make simple websites just a little nicer
Water.css 🌊 A drop-in collection of CSS styles to make simple websites just a little nicer Goals Responsive Themeable Good browser support (works on
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
Experiment with motion blur website scrolling
Motion Blur Scrolling demo I've created this demo to see if it's possible to achieve more 'smooth' motion experience of scrolling and any other moveme
A modern, responsive CSS boilerplate library to kickstart any web-based project.
Peacock CSS Peacock is a modern, responsive CSS boilerplate library to kickstart any web-based project. It is simple, lightweight and it contains all
Buttons For The Web
cssbuttons.app Button collection with a focus on simplicity and ease of use. Tech Stack: Next.js, Tailwind CSS, CSS Report Bug Found a bug? Report it
Turn an HTML input box to a duration picker, without jQuery
html-duration-picker.js html-duration-picker.js is a very tiny JS library used for transforming a native HTML text input into a duration picker. The a
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
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu
Simple tag input for Bootstrap
Tagin Simple tag input for Bootstrap. Supports bootstrap v4 and v5. Demo: https://tagin.netlify.app/ Features Custom separators Enable/disable duplica
An extended table to integration with some of the most widely used CSS frameworks.
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
LazyLoad Embed YouTube Player - simple and lightweight plugin - pure JavaScript
Youtube LazyLoad LazyLoad Embed Youtube Player - simple and lightweight plugin - pure JavaScript Status View Preview Table of contents Status Quick St
An animated and accessible command menu
kmenu 🌈 Animated and accessible cmdk interface Demo · NPM · Product Hunt · StackBlitz · CodeSandbox 🚀 Quickstart Having trouble? Unsure of something
🦋 Jump to local IDE source code while click the element of browser automatically
👀 Why When developing a React app, you have a lot of components in your app. Sometimes you may forget where the code is located that you want to edit
📱🧰 A aplicação permite gerenciar em tempo real solicitações de manutenção e suporte a equipamentos.
Projeto A aplicação para gerenciar em tempo real solicitações de manutenção e suporte a equipamentos. Stack React Native Typescript Expo Bare Workflow
Adds clap button (like medium) to any page for your Next.js apps.
@upstash/claps Add a claps button (like medium) to any page for your Next.js apps. Nothing to maintain, it is completely serverless 💯 Check out the d
Derste birlikte geliştirdiğimiz instagram clonu - henüz bitmedi -
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
🤖 Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint
Tailwind CSS Assistant See it in action on this example website 🎉 ✅ Small JavaScript package that helps you work with Tailwind CSS by... Showing you
Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack
Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F
Avoid setting up a project from scratch. Start using VRTTV 🎉
VRTTV Boilerplate Avoid setting up a project from scratch. Start using VRTTV 🎉 View Demo · Report Bug · Request Feature 🤔 What’s this? Are you tired
TypeScript + Nextjs + Tailwind = TNT🧨 (plus Prettier and ESLint configuration).
Bye bye next boilerplate, welcome to TNT! About This is TNT, Nextjs boilerplate powered by Typescript, Tailwind. This template also has customized ESL
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
Say goodbye to bots looking for emails and phone numbers.
Hidden From BotsSay goodbye to bots looking for emails and phone numbers Normally on the internet there are bots, crawlers or spiders, they are all th
Types generator will help user to create TS types from JSON. Just paste your single object JSON the Types generator will auto-generate the interfaces for you. You can give a name for the root object
Types generator Types generator is a utility tool that will help User to create TS Interfaces from JSON. All you have to do is paste your single objec
🗳 nextjs app to create and share polls
Oh My Poll create and share polls privately or publicly -- its fast and free! Tech Stack Next.js TailwindCSS Prisma PlanetScale External Dependencies
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
Rocket Bank is a finance mobile app built for XP Mobile Challenge.
Rocket Bank is a mobile application made with React Native. You can track your portfolio performance, make deposits and withdrawals, and buy and sell
"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
An easy hook to use with expo-calendar library!
useCalendar Hook 🚀 Updated to Expo SDK45 This is an easy hook to use expo-calendar. It allows you: Get access permission to calendar Open settings to
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
DisneyPlus-Clone (with Redux)
Disney+ Clone A Disney+ Clone that you can sign in with your Google Account. Click demo to try it by yourself! Disney+ Clone Demo Link You can view th
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
🔐 w3auth - Integrate w3auth for your identity needs
w3auth w3auth app allows access to JWTs and refresh cookies. Provide admins with the ability to limit access by allowlist, NFT gating, and token gatin
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
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
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.
An extension for rating the web and making your browsing experience better than ever.
Hookmark An extension for rating the web and making your browsing experience better than ever. Read more about it here Update Firefox extension was un
(Developing) Twitter Clone made with Remix, EdgeDB & UnoCSS.
Twitter Clone Twitter clone made with Remix, EdgeDB & UnoCSS. Demo: twitter-clone.poke.dev Features Signup/Login (With GitHub OAuth) Create tweets Fol
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
O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos fornecida pela própria MKS Sistemas.
MKS front-end Descrição O projeto MKS Sistemas tem como objetivo o desenvolvimento de uma aplicação em React que utilize endpoint da API de produtos f
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
📈 This project was developed for the XP Inc front-end technical challenge
Desafio técnico PSel - Turma XP 🚀 Esse projeto tem como objetivo desenvolver um aplicativo de investimento em ações, com algumas funcionalidades de c
App de solicitação de manutenção de equipamentos interno de uma empresa.
Rocket Help 🛠 📝 Descrição App de solicitação de manutenção de equipamentos interno de uma empresa. 🙋♂️ Tela de Login 👨🏼🔧 Solicitações em andam
A clean and lightweight TypeScript Next.js Starter powered by the tools (nearly) everybody use
This is a template for a Next.js project based on create-next-app Report Bug · Request Feature ⚡ Quickstart You can click on the button Use this templ
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
Supercharge Multicall.js with nitro features 💨
multicall-nitro Supercharge Multicall.js with nitro features 💨 Highlights TypeScript support ✅ Ready-to-use calls ✍🏻 React hook ⚛️ One time call 🎯
Project created with the saga of courses in Platzi, consuming the API of themoviedb.org
Movie App created with the saga of courses in Platzi, consuming the API of themoviedb.org Possible Improvements Rate the movie: https://developers.the
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
Check your data which may be stolen every time you visit a site. ⚠️
df : Digital Fingerprint 🪄 Features Check your data which may be stolen every time you visit a site. 🌎 Geographical Data IP Address City Region Coun
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