2019 Repositories
JavaScript css-to-react Libraries
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 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
Generate convincing fake tweet images
Fake Tweet Generator Description With the Fake Tweet Generator tool you can create convincing fake tweet images. This tool is completely customizable
This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's cursor functionality.
animatedWebCursors.js This is a simple javascript file that gives you control over the browser cursor, alowing for fully animated cursors using CSS's
Superlight vanilla javascript plugin improving forms look and functionality
Superlight pure javascript form switch plugin by LCweb Give a modern look to your applications and take advantage of javascript events and public func
Unopinionated utilities for resizeable split views
Split Unopinionated utilities for resizeable split views. Zero Deps Tiny: Each is between 1-2kb gzipped. Fast: No overhead or attached window event li
Linkify is a JavaScript plugin for finding links in plain-text and converting them to HTML a tags.
Linkify Linkify is a JavaScript plugin. Use Linkify to find links in plain-text and convert them to HTML a tags. It automatically highlights URLs, #
Create tweet images
tweet-maker Create tweet images 2018'de javascripti kurcalarken yapmış olduğum bir proje. 2021'de eski kodlarıma bakarken buldum. 2021 yılı içerisinde
Colorful shadows for your images. 🎨
cosha Colorful shadows for your images. 🎨 cosha lets you add colorful shadows to your images. Try it out and look for yourself—it really couldn't be
Pure CSS toggle switch
Pure CSS toggle switch demo install npm i toggle-switch-css or yarn add toggle-switch-css use label class="toggle-switch my-toggle-switch" in
Multi-level contextmenu created in Vanilla Javascript (no css files included)
ContexMenu.js Multi-level ContextMenu Created in Vanilla Javascript (No CSS Files) Import with jsDelivr script src="https://cdn.jsdelivr.net/gh/L1qui
A simple review gate powered by jQuery.
Review Gate Backstory Contracted to consult on digital strategy to help the client build stronger brand awareness/reputation across various platforms
A library for creating typesafe standardized query keys, useful for cache management in @tanstack/query
Query Key Factory Typesafe query key management for @tanstack/query with auto-completion features. Focus on writing and invalidating queries without t
Provide solutions to make your app flexible for different screen sizes, different devices.
react-native-size-scaling Provide solutions to make your app flexible for different screen sizes, different devices, based on your device's pixel rati
A table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina
SimpleProject is a web app that allows users to create projects and manage them in a Kanban board.
What is SimpleProject SimpleProject is a web app that allows users to create projects and manage them in a kanban board. SimpleProject was built with
트친소 짤 생성기 / website about self introduce for twitter-friend
Twitter Friend Introduction 트친소란 트위터에서 SNS 친구를 구할 때, 스스로를 소개하는 것이다. 사진 형태의 자기소개서와 올리는 경우가 많으며, 계정의 주제에 맞는 자기소개서 형식의 이미지를 다운 받아 직접 작성하는 방식이 널리 쓰인다. 이미지
Watch anime ad free through a beautiful UI. Don't forget to 🌟 this repo for updates!
Ashanime - Stream Ad-free Anime Ashanime is an Ad free responsive web application built with the intention of providing a pleasent anime streaming exp
Login of app to remind to drink water, using Firebase tools like Firebase Auth and Firebase Firestore
Water Reminder Login App Menu Contents Motivation Final Images How to download the project and run it? Technologies utilized Dev 📌 Motivation This ap
Your whole team, changing the world one stroke at a time.
Collanvas — Your whole team, changing the world one stroke at a time 🎨 With an online whiteboard, you can brainstorm 🧠 , draw art 🖌️ , and even pla
Wallpaper Engine but online-version. (HTML, CSS, JS with jQuery, PHP)
Project Preview - Web Wallpaper Engine About Wallpaper Engine but online-version. View animated wallpapers directly in your browser. Case: Create web-
An interactive To-Do List Web Application that allows users to add, edit and delete tasks.
To-Do-List A To-Do list web application. Live Preview Click here to view Live Page Built with HTML CSS JavaScript Used best practices, ES6 e.t.c Setup
Expo Demo: Screen Capture with Managed Workflow
Expo Demo: Screen Capture with Managed Workflow This code demonstrates how to setup screen capture on an Expo app, without having to eject from the ma
Blazing fast 🔥 Discord Desktop Client.
Fastcord Faster Discord Desktop Client Made with Rust & React Motivation Discord is cool but electron is not. Discord Desktop consumes too much memory
✨ A CSS post-processor that converts px to rem.
postcss-pxtorem English docs: [README-en.md] PostCSS插件,可以从像素单位生成rem单位 新功能 在样式文件中设置任意 postcss-pxtorem 支持的选项 在样式文件中忽略某一行 安装 pnpm install postcss @minko-
A Bottom Sheet library that can be called imperatively from anywhere!
A Bottom Sheet library that can be called imperatively from anywhere! React Native Magic Sheet ✨ Inspired by react-native-magic-modal This library aim
This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and served with webpack dev server
Todo-List This an CRUD app built were users can create, update and delete specific day to day tasks as they wish. The app is built using webpack and s
Keep track of your bookshelf with this dynamic list, created with HTML, CSS and populated by JavaScript.
Awesome Books In this project, is ment to build a basic website that allows users to add/remove books from a list. Built With HTML JavaScript CSS Auth
This is a simple booklist app. The user is able to add and remove books to their list.
Awesome project In this project, I made a simple website called Awesome Books. The user is able to add and remove books, the added books are arranged
✏️ A new tab extension for convenient note-taking
MDTab Write quick notes in Markdown on any new tabs! Installation Right now MDTab has only been tested on Chrome (brave browser). You can install it f
High performance personalization & a/b testing example using Next.js, Edge Middleware, and Builder.io
Next.js + Builder.io Personalization & A/B Testing with Edge Middleware This is a fork of Next.js Commerce with Builder.io integrated and using Edge M
View component and controller of YouTube Player API, for fresh framework.
fresh-youtube View component and controller of YouTube Player API, for fresh framework. Try it now! git clone [email protected]:otiai10/fresh-youtube.git
Download all Moodle files with one click. This is a Chrome extension built to save time and effort from downloading files manually one by one!
Moodle Downloader Extension Moodle downloader extension for Chrome. The extension is tested with both the TUM moodle and the official moodle demo. Not
🎨 Generate CSS Mesh Gradients
🎨 Meshgrad Meshgrad is a tiny utility to generate native-CSS Mesh Gradients. Demo - meshgrad.cretu.dev Install $ npm install meshgrad Use Vanilla Jav
Easy and simple way to share data via mobile’s built-in share module.
React-Mobile-Share Provides an easy and simple way to share data (such as text, url and media) via mobile’s built-in share module. It is based on Web
Modern UI/UX HooBank
HooBank Get Started Installation Clone the repository git clone https://github.com/nour-aldin/modern_bank.git Navigate to repository directory $ cd mo
A web app that allows users to add and/or remove a book. Built with JavaScript(ES6), HTML and CSS.
Awesome-Books-ES6 A web app that allows users to add and/or remove a book. Built with JavaScript(ES6), HTML and CSS. Live Preview Click here to view L
Re-building @BizTech-Morocco website using Next.js and Tailwind CSS.
BizTech UI Moroccan Community for Business And Technology. We believe in community; together we can learn more and build a tech product faster. Websit
This is a simple yet powerful to-do list app. It allows the user to add, remove, edit and check a task as completed.
To-Do-List App In this project, I made a simple website called To-do-List. The user is able to add and remove tasks, mark them as done or undone, the
A simple todo list app that allows users to add, delete, edit, and clear all completed tasks, built with HTML, CSS, Javascript and webpack.
todo list In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript See Live click here Authors 👤 HaaDiiii
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
In this project, I built a basic website that allows users to add/remove books from a list using HTML/CSS to build the app and JavaScript to add functionalities. This project was organized using modules and ES6 syntax implemented.
Awesome books: with ES6 Description the project. Built With HTML CSS JAVASCRIPT Live Demo (if available) Live Demo Link Getting Started This is an exa
"Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make simple calculations. Read a random math-related quote.
ONLINE MATH CALCULATOR USING REACT "Math magicians" is a website for all fans of mathematics. It is a Single Page App (SPA) that allows users to: Make
Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes 👩🚀
Tailwind CSS Group Classes Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes 👩🚀 Using with a
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
The Digital Library is a webapp that allows the user to: Display a list of books
The Digital Library is a webapp that allows the user to: Display a list of books. Add a new book. Remove a selected book.It has been developed using React Redux and tested using Jest.
In this website you will add books and also watch the lists of books. A website build wit HTML, CSS, and JavaScript.
Awesome Books ES6 In this website you will add books and also watch the lists of books. Built With HTML CSS JavaScript Authors 👤 HaaDiiii GitHub: @Ha
Challenge encriptador de texto utilizando HTML, CSS y JavaScript sin framework
Descripción 🏝 Este es el primer reto del curso de ONE Oracle-Alura Latam, creado con HTML, CSS y JavaScript sin utilizar ningún framework. Autor 💻 J
An end-to-end encrypted note taking alternative to Evernote
Notesnook An end-to-end encrypted note taking alternative to Evernote. Website | About us | Roadmap | Downloads | Twitter | Discord To celebrate the o
👌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
The New Simple and Lighter CSS Reset
The New CSS Reset This new CSS reset is using the new CSS features: The global CSS reset keywords, ‘unset’ and ‘revert’ keywords. The new property of
Open source CSS framework for data visualization.
Charts.css Charts.css is an open source CSS framework for data visualization. Visualization help end-users understand data. Charts.css help frontend d
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
IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.
@ibm/gantt-chart IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework. Getting started Documentation and Examples are availabl
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.
A complete media query framework for CSS, to apply specific properties in specific screen
A complete media query framework for CSS, to apply specific properties in specific screen Note: Size of every media query is `50px, 100px, 150px, 200p
JQuery avatar plugin to create colorful text avatar and image avatar.
Gravatar Live Demo Pre Requirement jQuery.js initialization Its very easy to initialize the plug-in Step 1: In HTML div data-avatar="text" class="ava
Form To CSS - jQuery-Plugin form to CSS generator
Create your own CSS generator with the form to css generator Builder plugin. Can be usefull to create your own css builder or a Wordpress plugin or any kind of apps you need a real time css generator. For example, you can create a button generator
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
Google translate dropdown customize with country flag
Flag google trasnalte demo without google bar and logo Screenshot How to use this 1. Create a country checklist containing languages from which you’ll
A pure CSS library for radial lists and menus
Radial menu and radial list A pure CSS library for inline lists and menus around a circle, flexible and customizable A radial layout organizes a list
Interface to implement a video player using the Bootstrap 5 framework.
BOOTSTRAP VIDEO PLAYER INTERFACE This is an experimental interface to implement a video player using the Bootstrap 5 framework. The HTML structure was
👑 A tiny yet powerful tool for high-performance color manipulations and conversions
Colord is a tiny yet powerful tool for high-performance color manipulations and conversions. Features 📦 Small: Just 1.7 KB gzipped (3x+ lighter than
A progressive image loading library. Inspired by Medium’s similar technique.
Blurry Image Load Synopsis A lightweight, zero-dependency library that loads images on demand. Until the images are loaded, a very small version of ea
An Awesome Toggle Menu created with HTML,CSS,JQuery,font-awesome and line by line comment.
Demo : https://blackx-732.github.io/AwesomeMenu/ Under open source license No ©copyright issues Anyone can be modify this code as well Specifically we
JavaScript that colors the min / max values of a HTML table.
tableMinMax Übersicht JavaScript that colors the min / max values of a HTML table. JavaScript das die Minimum / Maximum Werte, einer HTML-Tabelle einf
Pure CSS icons for popular file extensions
CSS file icons Pure CSS file icons for popular extensions lightweight css library Icons Demo Usage Include css-file-icons.css to html or install via n
jQuery Tabs Plugin. CSS Tabs with Accessible and Responsive Design. Lot of Tab Themes with Vertical and Horizontal Orientation.
Macaw Tabs Macaw Tabs is jQuery tabs plugin. It helps you to create accessible and responsive jQuery tabs by implementing the W3 design patterns for t
Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player.
Essential Audio Player JS is a simple, clean and minimal JavaScript / HTML5 / CSS web audio player. No unnecessary controls, just a button and a track
A library of icons rendered purely in CSS and compiled using SASS.
Welcome to PureIcons.css: This is a library of icons rendered purely in CSS and compiled using SASSs. It is currently at 79 icons. More will be added
🚀 A Tailwindcss component library.
💚 Supabase Launch Week 5 Hackathon: ✅ Supabase Auth - User authentication. ✅ Supabase Database - save the information of each user-created component.
A highly customizable homepage (or startpage / application dashboard) with Docker and service API integrations.
Features Web Bookmarks Service Bookmarks Docker Integration Status light + CPU, Memory & Network Reporting (click on the status light) Service Integra
A simple (and unofficial) GitHub Trending client that lives in your menubar.
Raise A simple (and unofficial) GitHub Trending client that lives in your menubar. 📸 Screenshots 🖥 Installation New!! Raise is now available as a Ch
Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.
Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress
🌟 Next generation, user-oriented Stardew Valley perfection tracker.
Stardew.app Next generation, user-oriented Stardew Valley perfection tracker. Overview Stardew.app is a next-generation, user-oriented Stardew Valley
An open source application to create, manage and embed contact forms on static/dynamic sites with no code
Formify is an open source application that lets you create, manage and embed contact forms on any site without writing code. This project is done as a
A sample GitHub clone : )
This is a Next.js project bootstrapped with create-next-app. live site - https://githubbyme.netlify.app/ Getting Started First, run the development se
The official pokemon website is not that cool? Here is the alternative 😉
Pokemon Awesome Pokemon Data All Pokemon data used in this project comes from PokeAPI GraphQL Beta. Playground: https://beta.pokeapi.co/graphql/consol
Create, Customize and Commit your project's ReadMe in VS Code with an integrated extension
VS Code Readme Editor 📝 A VS Code extension to create, customize and save your Readme without having to leave your project workspace. Built with Type
Student reviews for OMS courses. Built with NextJS and Typescript. Backed by Sanity CMS. Deployed on Vercel.
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://
Run Python code directly in the browser.
Run Python code directly in the browser. Try it out! Quickstart Install react-py with: npm i react-py Then, wrap your app in a PythonProvider componen
Anystate is an object, that it's!
anyState What is anyState? Just an object Can must be update via setter Watch state changed Independent any frontend frameworks Back to basic, callbac
Generate link preview using our app, API or our NPM package.
get-link-preview 🔗 View the link preview using our App. Use the API to generate link preview in your app or use the NPM package to use the custom hoo
A Telegram bot which generates your intro video programmatically 📽️
Features 🪶 Generate videos programmatically from telegram input High performance High quality videos Installation 📦 Installation is pretty easy, cli
CLI tool that converts rgb(), rgba(), hex, hsl() and hsla() colors to oklch() in specified CSS files.
convert-to-oklch CLI tool that converts rgb(), rgba(), hex, hsl() and hsla() colors to oklch() in specified CSS files. npx convert-to-oklch ./src/**/*
TV Shows Web App - A web application based on an external API which contains information about TV shows
TV Shows Web App - A web application based on an external API which contains information about TV shows. th web app let you like the shows that you like the most and comment what you think about them making use of an involvement API to save this interaction information.
💻 A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools.
⚡ Next Typescript Template ⚡ A simple Create Next App template to start your projects with Next.js, TypeScript, ESLint, Prettier and other tools. Quic
A trpc-ified useReducer hook. ⚡
trpc-reducer A trpc-ified react useReducer hook that lets you perform state logic in reducers just like React's useReducer hook When you dispatch an a
Reference video calling application using Dolby.io Communications APIs.
Dolby.io Communications Video Call React App Video Call App The application available in this repository demonstrates the capabilities of Dolby.io's v
Another CSS style library, used for my personal branding and to make websites prettier!
furret.css My personal website styling toolkit, modeled after the lovely Water.css by Kognise. Written to allow quick and beautiful styling for simple
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
Collection of CSS box-shadows for every taste contains more than 100 simple, beautiful and airy shadows.
Vue Box-shadows Collection of CSS box-shadows for every taste contains more than 100 simple, beautiful and airy shadows. Add beautiful shadow effects
⚡ the first open-source redis client made with care and acessibility-first 🚀
⚡ Redis UI The first open-source project to create an awesome and accessible UI for Redis as a native desktop application. ✨ 🦄 🚀 How to develop loca
🌈 CLI tool to scaffold chakra ui projects, without wasting time.
Create Chakra Project (create-chakra) ⚒ Tool to scaffold chakra apps, without wasting time. It uses existing tools like create-next-app and create-vit