1113 Repositories
JavaScript html-css-js Libraries
React Bootstrap admin starter template
React Bootstrap admin starter template screenshots Loading Effect Login page screenshot Forgot password page screenshot Dashboard page screenshot Left
This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS.
Login-Page This repo. contain some "Login page" , That I have made during learning and practicing HTML & CSS. Table of content: v1 v2 Objective and Re
An attractive music player using HTML and CSS
Music Player I have made an attractive music player using HTML and CSS. This project was a part of my Coding Ninja Course (Introduction to Web Technol
"Awesome books" is a simple website that displays a list of books and allows you to add ang remove books from that list. Also you can store your data in your local storage. Build with JavaScript, HTML and CSS.
Awesome Books Creating an app that adds and delete books from a list. Built With HTML CSS JavaScript Application Page url https://TimmyChan99.github.i
Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid.
S.Klafer - Photographer 📚 Sobre Portfólio fictício de fotografia criado com os conhecimentos do curso da Origamid. 📰 Seções O site é composto por 6
Practice Task of HTML - Mache Free Template (PSD to HTML) - Home Task (CTG)
Practice Task of HTML - Mache Free Template (PSD to HTML) - Home Task (CTG) This Assignment is mainly on PSD TO HTML along with HTML,CSS As a Basic HT
Responsive Portfolio Website Using Html, Css and JavaScript, With a beautiful user interface
Responsive Portfolio Website Alexa Watch it on youtube Responsive Portfolio Website Alexa Responsive Portfolio Website Using Html, Css and JavaScript,
A website designed as a template for Real Estate Events and Conferences.
A website designed as a template for Real Estate Events and Conferences. Users can showcase live countdown until event, event characteristics, Speakers and Organizational leadership Showcase and design is responsive. Built with HTML/CSS/JavaScript.
In this project, I built a basic website that allows users to add/remove books from a book list.
Awesome-Books In this project, I built a basic website that allows users to add/remove books from a book list. Preview.mp4 Built With HTML - HTML5 CSS
An HTML, CSS and JavaScript project related to a leaderboard, where you can submit a specific score data using an API request
LeaderBoard-Project In this project we use Webpack dependecy and a external API for displaying the leaderboard data inside the dom. Built with HTML-CS
A simple code that creates a string of random characters displayed in an html object, all saving in a json file.
I'm 17 Years Old Developer / Lead Developer. 💻 I'm wroking on AdrenalinaRP, GrandRDM. 🪙 I’m currently learning JavaScript. 🫂 I’m looking to collabo
The leaderboard website displays scores submitted by different players
The leaderboard website displays scores submitted by different players. It also allows players to submit their own score. All data is preserved online, thanks to the Leaderboard API service.
JavaScript project for the Leaderboard list app, built using webpack and ES6 features.
Leaderboard List App JavaScript project for the Leaderboard list app, built using webpack and ES6 features. The leaderboard website displays scores su
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 The leaderboard website displays scores submitted by different players. It also allows you to submit your score. All data is preserved tha
This simple project aims to connect to an API to fetch score data and display it on a LeaderBoard box, as well as provide the tool to submit a new score.
Leader Board: Hit the API! This simple project aims to connect to an API to fetch score data and display it on a LeaderBoard box, as well as provide t
Codism is a Codepen inspired coding playgound that lets you add and modify HTML, CSS and JavaScript
Codism Codism is a Codepen inspired coding playgound that lets you add and modify HTML, CSS and JavaScript to create in order to create cool stuff! Yo
Snake game using pure HTML, CSS and JavaScript with GameBoy look and feel using Nano editor
Snake game using pure HTML, CSS and JavaScript with GameBoy look and feel using Nano editor. 100% commented code in Portuguese
A super generic Lua web engine. Uses Lua for front-end, JavaScript for back-end, implemented in HTML.
A super generic Lua web engine. Uses Lua for front-end, JavaScript for back-end, implemented in HTML. This project is still in HEAVY development and w
Tailwind Card Component
Next.Js Project Name : Tailwind Card Component This is just a card commponent using tailwind css. it just awesome. Technologies Next.Js React.Js Tailw
HTML page to show yes to questions like isSleeping, isCovidPositive, isDrinkingTea using sheetDB
is-doing-x.user.domain The ideal way to use yes is to fork this repo and host it on activity.domain, and make a Google Sheet Tab with name domain
Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app
Gofiber and NextJS Static HTML Gofiber with NextJS Static HTML is a small Go program to showcase for bundling a static HTML export of a Next.js app. R
Typed HyperText Markup Language
Typed HyperText Markup Language You can add types to the HyperText Markup Language. Types To declare two types, they must be separated by a period and
This is the repo for the Medium2 project with Next.js, Sanity CMS, React and Tailwind CSS
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
An extensible HTML DOM window manager with a professional look and feel
Wingman An extensible HTML DOM window manager with a professional look and feel. Installation Wingman only requires two files: wingman.css and wingman
Palette plugin using CSS variables for TailwindCSS
Palette plugin using CSS variables for TailwindCSS Adds a color palette (from 100 to 900) for each color of your tailwind configuration while using CS
Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas
Planner Lightweight, interactive planning tool that visualizes a series of tasks using an HTML canvas. Try it yourself at plannerjs.dev Plans created
animate.css as a Tailwind plugin
tailwind-animatecss Use animate.css as a Tailwind 3 plugin. Demo – https://dumptyd.github.io/tailwind-animatecss Table of contents Installation Usage
A file based wiki that uses markdown
wikmd What is it? It’s a file-based wiki that aims to simplicity. The documents are completely written in Markdown which is an easy markup language th
Generate font size variables for a fluid type scale with CSS clamp.
Fluid Type Scale Calculator Generate font size variables for a fluid type scale with CSS clamp. Overview Customize everything, grab the output CSS, an
Context-Full Web Component Library
CWCO Contextfull Web Component Library created to improve native Web Component APIs user experience with: ✅ No Build Required! ✅ Works with other libr
USA Covid-19 Tracker is a mobile-first application built with React and Redux to give precise information about the virus behavior in the United States. Great transitions and user feedback made with plain CSS.
React.js USA Covid-19 Tracker This application allows the public to keep track of the stadistics of the Covid-19 Pandemic in the United Stated. You wi
This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules to write modular JavaScript.
To-Do-List App This is my to-do list website built with html, css and JavaScript. In this project I used Webpack to bundle JavaScript and ES6 modules
Web UI kit following simply superb.'s design system, based on Tailwind CSS.
ui-kit TailwindCSS powered UI kit following simply superb.'s design system. ➡️ Demo available here Why I am building few applications (iOS / Android /
Fetching data from REST COUNTRIES API, this app (mobile version for now) gives information like area, population, capital, and borders for 195 countries from seven continents.
Space Travellers' Hub World Countries App works with an API which returns informations about 195 countries. Fetching data from REST COUNTRIES API, thi
💠 Webapp to see what time is in any timezone
Timero Webapp to see what time is in any timezone. Deploy https://ultirequiem.github.io/timero Characteristic Responsive Design Uses Packup as Bundler
lightweight (~5kb) code editor custom element with syntax highlighting
code-edit lightweight (~5kb) code editor custom element with syntax highlighting 🔧 Install · 🧩 Example · 📜 API docs · 🔥 Releases · 💪🏼 Contribute
A starter project that includes theme switching functionality with Stitches CSS-in-JS and Remix SSR.
Welcome to Remix! Remix Docs Development From your terminal: npm run dev This starts your app in development mode, rebuilding assets on file changes.
This project is for those who are new to open-source and looking for make their first contribution
First Contribution This project is for those who are new to open-source and looking for make their first contribution. Follow the steps below :- If yo
"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
To Do List "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl
A simple to do list webpage where you can log the daily tasks you have to do, mark them as checked, modify them, reorder them and remove them. Made using HTML, CSS and JavaScript.
To-Do-List This Webpage is for an app called To-Do-List which helps you add, remove or check tasks you have to do. It is a simple web page which conta
Wallpik is a stock images & wallpapers downloading web app built with vanilla JavaScript & Pexels API
Wallpik the stock photos & wallpaper web app (Preview) Wallpik Wallpik is a single page application built with HTML, CSS, Vanilla JavaScript & Pexels
To-do list is a tool that helps to organise your day
To-do list is a tool that helps to organise your day. It simply allows you add and list the things that you need to do for the day. With its management features you can mark items as completed, remove items and make changes to them.
Minimal Design, a set of components for Angular 9+
Alyle UI Minimal Design, a set of components for Angular. Docs Install Alyle UI Installation Components Feature State Responsive Docs avatar ✔️ ✔️ Doc
Clarity is a scalable, accessible, customizable, open source design system built with web components
Clarity is an open source design system that brings together UX guidelines, design resources, and coding implementations with Web Components
🚀 Style and Component Library for Angular
ngx-ui Component & Style Library for Angular by Swimlane. Installing npm i @swimlane/ngx-ui --S Install the project's peer depencencies (moment, codem
Listing of accessible components & patterns
Accessible Components I've built a good handful of accessible markup patterns and widgets at this point. Each is based on testing with users, UX and d
Fast & Robust Front-End Micro-framework based on modern standards
Chat on gitter Hello slim.js - your declarative web components library import { Slim } from 'slim-js'; import { tag, template } from 'slim-js/decorato
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework
BOOTFLAT is an open source Flat UI KIT based on Bootstrap 3.3.0 CSS framework. It provides a faster, easier and less repetitive way for web developers to create elegant web apps.
LuLu UI for PC web
追本溯源,穿越沉浮 LuLu UI LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。 形象气质如下图,更柔软,更亲近,同时简单灵活,对用户侧非常友好,非常适合面向外部用户的 PC 网站,或者需要轻量与敏捷的项目。 文档 LuLu UI API 中文文档(GitHub托管,访问有延迟) LuL
World's smallest responsive 🔥 css framework (395 bytes)
lit 🔥 a ridiculously small responsive css framework. I challenged myself to see how small I could go, but preserve everything Skeleton, Milligram, an
Metro 4 Components Library
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
MDUI 是一个基于 Material Design 的前端框架。
MDUI MDUI 是一个基于 Material Design 的前端框架。 QQ群:635509201 中文文档 特性 轻量级 CSS 文件仅 32KB minified + gzip JavaScript 文件仅 19KB minified + gzip 多主题 CSS 文件中已经包含了 19种
NES-style CSS Framework | ファミコン風CSSフレームワーク
日本語 / 简体中文 / Español / Português / Русский / Français NES.css is a NES-style(8bit-like) CSS Framework. Installation Styles NES.css is available via ei
A set of small, responsive CSS modules that you can use in every web project.
Pure A set of small, responsive CSS modules that you can use in every web project. https://purecss.io/ This project is looking for maintainers to supp
The fastest way to build beautiful Electron apps using simple HTML and CSS
Photon UI toolkit for building desktop apps with Electron. Getting started Clone the repo with git clone https://github.com/connors/photon.git Read th
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
A premium and open source dashboard template with a responsive and high-quality UI. Preview Tabler is fully responsive and compatible with all modern
A CSS button library built using Sass and Compass
Buttons 2.0 Buttons 2.0 Buttons is a highly customizable production ready mobile web and desktop css button library. Buttons is a free open source pro
convert markdown to html in under 5kb
convert markdown to HTML in under 5kb take a look at the to PHP translated version: https://github.com/SimonWaldherr/micromarkdown.php about License:
wangEditor —— 轻量级web富文本框
wangEditor wangEditor 轻量级 web 富文本编辑器,配置方便,使用简单! 官网 · 文档 English · 在线示例 · 提交 bug · 建议增加新功能 体验新版本 wangEditor V5 新版本已公开测试,请查看 V5 文档 项目介绍 wangEditor 是一款使用
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.
CKEditor 4 - Smart WYSIWYG HTML editor A highly configurable WYSIWYG HTML editor with hundreds of features, from creating rich text content with capti
Convert JSON to human readable HTML
json.human.js: Json Formatting for Human Beings A small library to convert a JSON object into a human readable HTML representation that is easy to sty
Apply CSS based on your browser's text rendering engine
Type Rendering Mix Type Rendering Mix website Type Rendering Mix detects your browser’s text rasterizer and antialiasing method by parsing the user ag
Expand and Collapse HTML content
Overview The Expander Plugin hides (collapses) a portion of an element's content and adds a "read more" link so that the text can be viewed by the use
Shower HTML presentation engine
Shower Presentation Template Shower ['ʃəuə] noun. A person or thing that shows. Built on HTML, CSS and vanilla JavaScript. Works in all modern browser
Modern HTML Presentations
#deck.js A JavaScript library for building modern HTML presentations. deck.js is flexible enough to let advanced CSS and JavaScript authors craft high
A free simple responsive HTML email template
Free Responsive HTML Email Template Sometimes all you want is a really simple responsive HTML email template with a clear call-to-action button. Here
A powerful little tool for managing CSS animations
NO LONGER BEING SUPPORTED Please consider https://github.com/ThrivingKings/animo instead animo.js A powerful little tool for managing CSS animations.
Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility
Animate Plus Animate Plus is a JavaScript animation library focusing on performance and authoring flexibility. It aims to deliver a steady 60 FPS and
CSS animations engine
Animatic With Animatic it's easy to animate over a hundred objects at a time. Each item can have it's mass and viscosity to emulate realistic objects!
Making Animation Simple
Just Animate 2 Making Animation Simple Main Features Animate a group of things as easily as a single thing Staggering and delays Chainable sequencing
curtains.js is a lightweight vanilla WebGL javascript library that turns HTML DOM elements into interactive textured planes.
What is it ? Shaders are the new front-end web developpment big thing, with the ability to create very powerful 3D interactions and animations. A lot
Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.
lax.js Simple & lightweight (4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll. DEMO What's new w
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 JavaScript API for drawing unconventional text effects on the web.
A JavaScript API for drawing unconventional text effects on the web. Home — Help Overview When applying effects to text on the web, designers have tra
Personalize your GitHub experience by theming the site's accent colors.
· Gitccentify · Personalize your GitHub experience by theming it to your own style! Disclaimer This project is not affiliated, associated, authorized,
Next.js + Tailwind CSS + TypeScript starter packed with useful development features
🔋 ts-nextjs-tailwind-starter Next.js + Tailwind CSS + TypeScript starter packed with useful development features. Made by Theodorus Clarence Features
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.
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://
This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.
Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe
Todo App is a single page application for listing tasks
Todo App is a single page application for listing tasks. These tasks that are stored in the local storage can be marked as completed, edited and deleted. It is built using React, Bootstrap and CSS.
Duckhunt en javascript, HTML, CSS (projet non terminé)
Duckhunt.JS 1.0 Une réalisation personnel du jeu duckhunt réadapter à ma façon. Dans le cadre d'un cours de POO à l'école Metz Numeric School Histoire
A TailwindCSS variant for class-based dark mode with CSS Modules.
A TailwindCSS variant for class-based dark mode with Svelte's scoped stylesheets and CSS modules. If you've ever tried to use TailwindCSS dark mode wi
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..
Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome
JavaScript API based capstone project using TVmaze API for displaying and interacting with items from the data base.
Yuriy Chamkoriyski & Bonke Gcobo Javascript capstone project API-based webapp from Module 2 at Microverse Wireframe requirements The Home Page low fid
Fallback JS - JavaScript library for dynamically loading CSS and JS files
Fallback JS - JavaScript library for dynamically loading CSS and JS files. Also provides the ability to load multiple files from a CDN with multiple fallback options and shimming!
Quickly create an interactive HTML mock-up by auto sourcing lorem ipsum/images generators, with minimal html markup, and no server side code
RoughDraft.js v0.1.5 Quickly mockup / prototype HTML pages with auto-generated content, without additional JavaScript or server side code. section
A CSS redundancy analyzer that analyzes redundancy.
What is it? csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations. What is it for? One of the best
Swagger UI is a collection of HTML, JavaScript, and CSS assets that dynamically generate beautiful documentation from a Swagger-compliant API.
Introduction Swagger UI allows anyone — be it your development team or your end consumers — to visualize and interact with the API’s resources without
Some HTML, CSS and JS best practices.
Frontend Guidelines HTML Semantics HTML5 provides us with lots of semantic elements aimed to describe precisely the content. Make sure you benefit fro
A simple guide to HTML head elements
🤯 HEAD A simple guide to HTML head elements Table of Contents Recommended Minimum Elements Meta Link Icons Social Facebook Open Graph Twitter Card
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Beautiful and interactive javascript charts for Java-based web applications.
Wicked Charts Beautiful and interactive JavaScript charts for Java-based web applications. Check out the Changelog Check out the Feature Overview with
vanilla-js lightweight custom HTML scrollbar
FakeScroll ⚡ lightweight custom-looking scrollbars 1.4KB gzipped (js) 4.0KB minified (js) 7.7KB unminified (js) ~20+ KB avarage similar scripts (unmin
The 2048 game built with Angular & Tailwind CSS
Ng2048 This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localhost:4200
This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses.
Expenses Tracker This app helps you keep track of your expenses in months and years. Also, it shows a graph representing those expenses. Built With Ma
Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries.
Math Magicians Math Magicians is a website for performing basic maths calculations, This website is built using REACT and JavaScript libraries. Screen
a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive
JSTable The JSTable is a lightweight, dependency-free JavaScript plugin which makes a HTML table interactive. The plugin is similar to the jQuery data
Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra performance.
parallax-vanilla.js Seamless and lightweight parallax scrolling library implemented in pure JavaScript utilizing Hardware acceleration for extra perfo
📝 A multiselect component in Pure JS - Compatible with IE11
Iconic Multiselect A multiselect component written in pure JavaScript - Also compatible with IE11 Default template: Custom template: 🚀 Try live demo
Custom full screen video player
Video Player Native video player in html View Demo · Report Bug · Request Feature About The Project This is a custom video player for the web built on
A pure html and css library for dark mode in your website.
Dark Mode A pure html and css library for dark mode in your website. Features It has a smooth setting and also it changes via system settings aswell.