526 Repositories
JavaScript frontend-components Libraries
Automatically reload the frontend when content changes are saved in the panel.
Kirby Reload On Save This plugin for Kirby 3 automatically reloads the frontend when content changes are saved in the panel. It uses the Broadcast Cha
Front end for Agent-LLM.
Agent-LLM (Large Language Model), Front End Please use the outreach email for media, sponsorship, or to contact us for other miscellaneous purposes. D
Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀
SundarUI 😍 Discover a vast library of open-source Tailwind CSS components and Mobile UI design elements 🚀 What is SundarUI? Sundar UI is a library o
Speed up the your micro-frontend development. Configure less and delivery more.
React Micro Speed up the your micro-frontend development. Configure less and delivery more. You don't need to waste more time trying to change your ap
Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.
Chakra UI Animations Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components. Installation yarn add @
Frontend landing page for Bento's Klaytn Launch in Klaymakers 2022
Bento Dashboard for Klaytn Fi+ Frontend landing page for Bento's Klaytn Launch in Klaymakers 2022 🏛️ Licensing All our branding resources(such as tra
Recreating the Airbnb frontend with Vivid!
Airbnb Clone Building an Airbnb clone with Vivid - the in-browser styling editor that makes Tailwind CSS even faster. Hacktoberfest 2022! Getting Star
Frontend card for hass-formulaoneapi
FormulaOne Card Present the data of hass-formulaoneapi in a pretty way Installation Manually add formulaone-card.js to your config/www/ folder and a
Make Phaser 3 games with modern frontend tooling.
Phaser 3 + Vite.js Template Make Phaser 3 games with modern frontend tooling. Prerequisites You'll need Node.js and npm installed. It is highly recomm
Reddit Page CLONE using Angular! A repository to contribute at hacktoberfest 2022. Make sure to share love by giving it a star.🌟 Have a great day!
Reddit_tool Reddit Site CLONE using Angular, Springboot and Swagger OpenAI ! Introduction This project was developed with the following technologies:
A collection of handmade, professional and dazzling CSS components. ✨
CSS Components Library — Endless collection. Made with ♥ by Eluda for the AWS Amplify hackathon. About the app CSS Components is an online collection
Next.js app using some dummy Tailwind CSS components
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
iX is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
Siemens Industrial Experience (iX) monorepo iX is an open source design system for designers and developers, to consistently create the perfect digita
DripUI a collection of free Tailwind CSS components to bootstrap your new apps, projects or landing sites!
DripUI - Tailwind Components DripUI is an amazing collection of free UI components to help you develop projects faster and easier. The most elegant co
Next.js + Redux + styled-components + Express = 😇
Next.js redux starter An opinionated Next.js starter kit with Express, Redux Toolkit, styled-components, and react-testing-library. About Next.js is a
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://localhost:3000 with your browser to see the result. You can s
A transpiler from golang's type to typescript's type for collaboration between frontend & backend.
go2type go2type.vercel.app (backup site) A typescript transpiler that convert golang's type to typescript's type. Help front-end developer to work fas
"Jira Search Helper" is a project to search more detail view and support highlight than original jira search
Jira Search Helper What is Jira Search Helper? "Jira Search Helper" is a project to search more detail view and support highlight than original jira s
A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framework.
Sveltosis Still in development A Svelte parser that compiles to Mitosis JSON, allowing you to write Svelte components once and compile to every framew
sistema de bate ponto para os aprendizes da brisa, usando Angular no frontend, golang no backend e postgresql como banco.
Migule Points Este projeto tem o intuito de automatizar a frequência dos aprendizes da brisanet, usando Angular no front, Golang no backend e postgres
A full-stack application that allows gamers to connect and match to people with similar interests.
Platform that allows gamers to connect and find people with similar interests. Built during the @Rocketseat NLW eSports event. Preview: Quickstart Ser
The Frontend of Escobar's Inventory Management System, Employee Management System, Ordering System, and Income & Expense System
Usage Create an App # with npx $ npx create-nextron-app my-app --example with-javascript # with yarn $ yarn create nextron-app my-app --example with-
🕹️⚡ Ecommerce de jogos. Projeto Integrador desenvolvido para a instituição de ensino Centro Universitário Eniac.
What is inside? This project uses lot of stuff as: NextJS ReactJs Typescript Jest Testing-library Styled Components Storybook Eslint Prettier Plop Hus
A web component that allows you to run high level programming languages on your websites (static websites included!)
Code-Runner-Web-Component A web component that allows you to run high level programming languages on your website via the public Piston API Show your
Headless UI components without writing a single line of JavaScript.
Zerolines.js Headless UI components without writing a single line of JavaScript. See Oficial Site: Zerolines.js Components Tab Modal Dropdown Drawer O
Frontend of Banjoflix, A Full Netflix Clone!
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Learn how to run the Friktion website!
Learn how to run the Friktion website! In 2 simple steps you can be running the Friktion website (friktion.fi) on your own computer. How to run After
Learn how to set up Supabase auth for both the frontend and backend of your application using a JWT - JSON web token.
Supabase auth, frontend + backend - example with Next.js Learn how to set up Supabase auth for both the frontend and backend of your application using
An NPM package to help frontend developers get started with using SASS and SCSS on your project easily. The Package follows the 7-1 architecture project structure.
Project Title - Create SASS APP Ever wanted to code up a frontend project with SASS & SCSS and you are stuck with building the acclaimed 7-1 architect
This project simulates the different Pokédex presented within the Pokémon franchise.
🚧 Pokédex is under construction... 🚧 💻 About the project Made with PokéAPI, this project simulates the different Pokédex presented within the Pokém
An alternative YouTube frontend built with Next.js, TailwindCSS, and TypeScript.
Invideo Invideo is an alternative YouTube frontend. Tools & Tech It's built with Next.js, TypeScript, and TailwindCSS. Where does Invideo get the data
🐈 Tiny svelte implement
👀 Why Very interest in svelte, and i want to know how svelte works,i found that svelte is just a compiler, so i write this tiny svelte to learn it. ?
Raaghu is a micro frontend design system for modern web apps
Raaghu is a micro frontend design system for modern web apps, which is an open source, Bootstrap 5.x enabled collection of reusable elements and components guided by clear standards, capable of giving the designers the necessary tools to develop beautiful, responsive and engaging product experiences. Single source of truth for truly scalable and consistent UI language for your application.
⚡⚙️ Fast prototyping with template engines and integrated frontend tools. Vituum is a small wrapper around Vite.
⚡ ⚙️ Vituum Still in early development. Fast prototyping with template engines and integrated frontend tools ⚡ Vite integrated 🚀️ Fast prototyping 🛠
Dev.to clone
Dev.to-clone A Dev.to clone created with MERN stack and more (Essentially FB without stories feature) Tech used with vite 🔥 : Frontend React Redux to
A GUI to browse and restore restic backup repositories.
A simple, cross-platform restic backup GUI for browsing and restoring restic repositories. Built with Wails2, based on leaanthony's Restoric PoC. Down
Create your frontend website in multiple languages by using this class.
Javascript Langauge Selector Create your frontend website in multiple languages by using this class. Features Simple but yet powerful. Enable RTL auto
Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo
img-lightbox Responsive no-jQuery pure JS/CSS Lightbox for images, no dependencies, 10kb unminified source code, with demo Demo codepen jsfiddle jsbin
🗃️ An in-memory JS database optimized for large scale storage on the frontend.
BlinkDB is a in-memory JS database optimized for large scale storage on the frontend. import { many } from 'blinkdb'; const items = await many(userTa
mini vite, support static server, load ts files, pre-bundling.
Mini Vite 中文 Features Same structure with Vite. Support JS, TS, JSX, TSX, CSS, static files. Support public as public directory. Dependency Pre-Bundli
An application for sending webhooks on Discord.
Cordhook 🪝 Cordhook is an application for sending webhooks on Discord with ease. 🛠 Built with Tauri for desktop and Next.js for web. 🎨 Styled with
s4 frontend ui library.
s4-frontend-ui カタログ components/atoms Button Card CardInner InputText InputDate InputTime Checkbox RadioButton ToggleButton Select Icon IconButton Icon
👩🎤 Headless, type-safe, UI components for the next generation Web3.Storage APIs.
Headless, type-safe, UI components for the next generation Web3.Storage APIs. Documentation beta.ui.web3.storage Examples React Sign up / Sign in Sing
Dynamic components with the power of next-gen bundle tools
Moon island architecture example Dynamic components with the power of next-gen bundle tools What is this? This example shows you how the moon-island a
🌸 It's a frontend case for CicekSepeti
Ciceksepeti Frontend Case When we change the category all filters are reset byself. You can make empty search for listing all items again. Getting Sta
The proposal of this repository is having a scaffold with some scenarios where you can challenge your front-end knowledge.
Frontend Kata / Interview 👋 Hello developer! The proposal of this repository is having a scaffold with some scenarios where you can challenge your fr
A highly customizable platform ready to be a portfolio website, and become a lot more with some of your own components
Vextra Elegant and animated portfolio website. Demo: vextra.vercel.app Vextra is a portfolio template, packed with animations with a satisfying flow t
트위터 클론 미니 프로젝트입니다.
Twitter Clone - FE 📢 프로젝트 소개 트위터를 모바일 화면 기준으로 클론한 미니 프로젝트입니다. API 명세서 프로젝트 배포 URL Back-end github repository 🗓 프로젝트 기간 2022.09.09 - 2022.09.15 ✅ 구현한
Frontend for a social audio & video app
LɪᴛᴛʟᴇAᴘᴇ littleape is a frontend for the free social audio & video social-media platform greatape. littleape, via greatape, is a Fediverse technology
A lightweight JavaScript library for creating snackbar & toaster notifications.
Notify.js Notify.js is a lightweight (2.3kb) utility library for creating snackbar and toaster notifications. Installation Download Notify.js via NPM:
A little JavaScript plugin to generate PDF, XLS, CSV and DOC from JavaScript Object or DOM element only from the frontend!
💫 JavaScript Object to csv, xls, pdf, doc and DOM to html generator 💫 A little JavaScript plugin to generate PDF, XLS, CSV and DOC from JavaScript O
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
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
evol-colorpicker · evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound
A JavaScript Library for building custom text editors with ease 📝
A JavaScript Library for building custom text editors with ease Show your support! Scriptor.js This is a bare bone text editor library, meant to creat
💻 Template using Next + TypeScript
Hi there! 👋 This project was developed with care and in the best way I could with the knowledge I have, I hope you enjoy it! 🥳 What is inside? Next
Frolics is an offline, lightweight, full-text search library for Frontend applications
Frolics What Is Frolics Installation Document Preparing Customized Fields Hand-on Example Cache Usage What Is Frolics ? Frolics is an offline, lightwe
Educational Project, Kodlama.io Etiya Academy
EtiyaTelcoProject Development is progressing in the dev branch. This project was generated with Angular CLI version 14.0.6. Development server Run ng
Leafjs is a lightweight frontend framework built using web components and browser ES Modules.
Leafjs A lightweight, fast web-components based frontend framework for the future. Introduction Leafjs is a lightweight frontend framework built using
This repository contains different infrastructure components that are used in different projects here at NaN Labs.
Infrastructure Reference Changelog | Contributing This repository contains different infrastructure components that are used in different projects her
Small PNG to WEBP converter, terminal based and handy for a frontend developer :D
Image Utils A small util i used while making antstack.com What does it do and how to use? It basically converts .png files to .webp Read about Webp he
ui components library starter based on svelte.js
What 这是一个svelte组件库的starter。 可以用它构建自己或者团队的组件库。 好处是:无论用户使用什么前端框架(Vue, React, Angular等),都可以引用基于svelte构建的组件库里的组件。 因为svelte编译完的组件其实是js模块,即无框架组件。 技术栈:vite +
Movie application consuming The Movie DB's API
Movie application consuming The Movie DB's API
👌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
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
🚀 A Tailwindcss component library.
💚 Supabase Launch Week 5 Hackathon: ✅ Supabase Auth - User authentication. ✅ Supabase Database - save the information of each user-created component.
This application provides the CDK project and a frontend that allows you to build a serverless chat application based on API Gateway's WebSocket-based API feature.
Serverless chat application using ApiGateway Websockets This project lets you provision a ready-to-use fully serverless real-time chat application usi
A wrapper around IPFS for speeding up the loading of web3 frontend applications.
ipfs-wrapper A wrapper around ipfs-core for speeding up the loading of web3 frontend applications. Used on Blogchain. Requirements NodeJS v14.5.0 or h
A native, pure and exquisite web components library which can be used anywhere.
What Is This ? This is a project on pure web components merely using native HTML、CSS and JavaScript technologies. It has features below: based on web
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
A lightweight, efficient and easy-to-use Canvas library for building some cool particle effects.
JParticles · 中文 | English 官网:jparticles.js.org 特效列表 粒子运动 波纹运动 波纹进度条 雪花飘落 线条动画 介绍 JParticles(JavaScript Particles 的缩写)是一款基于 Canvas 的不依赖于其他库的轻量级 JavaScr
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 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.
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
i18n-language.js is Simple i18n language with Vanilla Javascript
i18n-language.js i18n-language.js is Simple i18n language with Vanilla Javascript Write by Hyun SHIN Demo Page: http://i18n-language.s3-website.ap-nor
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
#ArgentinaPrograma FrontEnd
ProyectoFinal This project was generated with Angular CLI version 13.1.2. Development server Run ng serve for a dev server. Navigate to http://localho
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
Quickly integrate face, hand, and/or pose tracking to your frontend projects in a snap ✨👌
⚠️ IMPORTANT UPDATE: July 13th, 2022 Hi, this is Oz Ramos and I wanted to quickly explain what happened to this project and what I plan to do moving f
A JavaScript library for visualizing Sankey diagrams.
SanKEY.js v1.0.0 last updated: 20.07.2022 Getting started SanKEY.js is a JavaScript data visualization library that provides a simple object-oriented
Frontend for wtf.academy
WTF.Academy Website This website is built using Docusaurus 2, a modern static website generator. Installation $ yarn Local Development $ yarn start
Coding Dojo - Frontend
Front-end Coding Dojo Sejam bem vindos(as) ao Coding Dojo! Preparamos alguns desafios para a sua equipe. Para cada desafio, você deve escrever um códi
A collection of A-Frame components
Fern A-Frame Components Collection This is a collection of A-Frame components. Check the individual components for their usages and corresponding exam
Onu-UI for web glassmorphism components generate by UnoCSS
Onu-UI (WIP) Onu-UI for web glassmorphism components generate by UnoCSS. Usage npm i onu-ui npm i unocss -D Add onu-ui in your main entry file. // mai
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
A frontend framework containing of tools for fast development of dashboard, panel, etc.
Khaos-Admin A frontend framework containing of tools for fast development of dashboard, panel, etc. Tools We Provide Fast Development: We handle data
Interactpedia is a frontend web application that models how engagement
Frontend web app modeling the integration of engagement features into crowdsourcing platforms to improve user info retention made as research for Modeling the Effects of Engagement Methods in Online Crowd-sourcing Platforms from Governor’s School of New Jersey Program in Engineering & Technology 2022.
A Bootstrap plugin to create input spinner elements for number input
bootstrap-input-spinner A Bootstrap / jQuery plugin to create input spinner elements for number input. Demo page with examples Examples with floating-
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
Powerful rich text editor using Vue.js and Quill. About @quilljs editor component for @vuejs
quill-vuejs Quill editor component for Vue. 基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。 Preview Example CDN example page Component example page Install NPM
A complete habits manager, where you can track your progress and complete each daily activity in an organized way.
TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control
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
MUI Core is a collection of React UI libraries for shipping new features faster. Start with Material UI, our fully-loaded component library, or bring your own design system to our production-ready components.
MUI Core MUI Core contains foundational React UI component libraries for shipping new features faster. Material UI is a comprehensive library of compo
Collection of custom elements that appear hand drawn. Great for wireframes or a fun look.
wired-elements 👉 wiredjs.com Wired Elements is a series of basic UI Elements that have a hand drawn look. These can be used for wireframes, mockups,
Essential UI blocks for building mobile web apps.
Ant Design Mobile Essential UI blocks for building mobile web apps. English Doc · 中文文档 · Discord · 钉钉 $ npm install --save antd-mobile # or $ yarn add
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
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages
`raaghu-mfe` is an opensource micro front end framework built on top of `raaghu-elements`, Bootstrap 5 and Storybook offering highly customizable UI components and built-in pages. Raaghu mfe can be used as a base to build complex components and UI layouts whilst maintaining a high level of reusability,flexibility with ease of maintenance.