526 Repositories
JavaScript frontend-components Libraries
Ember-cli addon for using Bootstrap as native Ember components.
ember-bootstrap An ember-cli addon for using Bootstrap 4 und 5 in Ember applications. The addon includes the Bootstrap CSS (or Sass, Less) in your pro
Rich components for Ember.js framework.
Ember Components Ember Components is a comprehensive set of rich web components written purely in Ember.js that let you create an astonishing UI for a
An Ember CLI Addon that provides a variety of UI components.
We use https://waffle.io/softlayer/sl-ember-components to work our issues. What sl-ember-components is An Ember CLI Addon that provides UI components
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
High-quality, customizable web components for common user interface patterns
Elix is a community-driven collection of high-quality web components for common user interface patterns. Most applications make use of common, general
Material Design Web Components
Material Web IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release. Material Web is Google’s UI toolkit for bui
Material Design implemented in Web Components (Custom Elements v1)
Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge
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
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
Builds components using a simple and explicit API around virtual-dom
Etch is a library for writing HTML-based user interface components that provides the convenience of a virtual DOM, while at the same time striving to
A fast, feature rich and simple framework for building dynamic browser applications.
hyperdom A simple, fast, feature rich framework for building dynamic browser applications. Hyperdom supports a simple event-update-render cycle, promi
Javascript (TypeScript) library for building web user interfaces
ivi · ivi is a javascript (TypeScript) library for building web user interfaces. Status Maintenance mode. Bug fixes and documentation updates only. Qu
A modular front-end framework - inspired by the server-side and Web Components.
The NX framework Home page, Docs NX is a modular front-end framework - built with ES6 and Web Components. The building blocks of NX are the core, the
A fast, portable, flexible JavaScript component framework
SAN 一个快速、轻量、灵活的 JavaScript 组件框架 A fast, portable, flexible JavaScript component framework. HomePage 网站 安装(Install) NPM: $ npm i san CDN: script src=
Web Components engine based on JSX & TypeScript
WebCell Web Components engine based on JSX & TypeScript Usage Demo & GitHub template: https://web-cell.dev/scaffold/ Project bootstrap Command npm ini
LuLu UI for PC web
追本溯源,穿越沉浮 LuLu UI LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。 形象气质如下图,更柔软,更亲近,同时简单灵活,对用户侧非常友好,非常适合面向外部用户的 PC 网站,或者需要轻量与敏捷的项目。 文档 LuLu UI API 中文文档(GitHub托管,访问有延迟) LuL
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!
🎞 @videojs component for @vuejs
Vue-Video-Player video.js player component for Vue. 适用于 Vue 的 video.js 播放器组件。 Example Demo Page CDN Example nuxt.js/ssr example code More Example Code
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator. This engine is a dependency for any Haiku Animator components that are run on the web.
Educare é um projeto que visa auxiliar os estudos dos alunos por meio da resolução de questões. Front-end construído com Next.js.
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://
Boilerplate de projeto nextjs, com Styled Components e Typescript
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
Projeto de conclusão de módulo - Bootcamp Resilia Web FullStack
projeto_Modulo5_Imobiliaria_Frontend_ReactJS Projeto Final do módulo 5, Resilia Web Full Stack. 📝 Descrição O objetivo deste projeto é aprender a est
Frontend of Inhyped.com written in TypeScript and rewritten in ReScript
From TypeScript To Rescript This is an example of Inhyped frontend codebase initially written in TypeScript and then fully rewritten in ReScript. It's
Web UI to create powerful voice applications with Fonoster's API.
Fonoster — Web UI Web UI to create powerful voice applications with Fonoster's API Technical details Environment Deployed version Link Development v0.
Here I will add daily one problem with solution basic to advance level and try to add multiple solutions of a single problem.
#100-code-days 🕰 I am adding daily 1 JavaScript solution here 📟 and you can fork the repo for add your solution for any specific probelm ⌛️ Day 01:
Monkey testing library for web apps and Node.js
gremlins.js A monkey testing library written in JavaScript, for Node.js and the browser. Use it to check the robustness of web applications by unleash
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
Manually curated collection of resources for frontend web developers.
Frontend Development Manually curated collection of resources for frontend web developers. You are viewing a browseable version, split by category in
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
Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data.
Synchro Charts Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data. You can learn m
React components for Chart.js, the most popular charting library
react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf
Components and tools for building DeFi dapps on Solana + Anchor. Public domain license.
Solana DeFi Framework Components and tools for building DeFi dapps on Solana + Anchor. Public domain license. Status Pre-pre-pre-alpha. Contributing A
Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
🍞📅A JavaScript calendar that has everything you need.
A JavaScript schedule calendar that is full featured. Now your service just got the customizable calendar. 🚩 Table of Contents Collect statistics on
Sharerbox - Free, minimalist and lightweight JavaScript-based social-media sharer for websites
Sharerbox Free minimalist and lightweight JavaScript-based social-media sharer for websites. Version: 0.8.1 Description SharerBox is a free, minimalis
Shoelace - A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾
Shoelace A forward-thinking library of web components. Works with all frameworks 🧩 Works with CDNs 🚛 Fully customizable with CSS 🎨 Includes an offi
Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.
vue-hero-icons For Vue3, install the official package @heroicons/vue A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/her
Vue-cursor-fx - 🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🎉 Vue Cursor Fx An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible Installation This package is a
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
Finisterre-frontend - Front end for finisterre ecommerce application.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
NetflixClone - Netflix clone with react , styled components and firebase with user authentication.........
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Hacker-news-with-react - 👾 Consuming the hacker news api, i created a more modern design for than the current site.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
LinkedIn-Clone - a LinkedIn clone with firebase, redux and styled components
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Auth-Form-Design - Beautiful Auth Form Designed using React 🥰.
🙋 Auth Form Design 🥳 Features 1. Check Your Password Strength 2. Can Use Suggested Password 3. Enjoy Responsive Design Getting Started with Create R
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
📚 Share content for learn web development
Frontend Developer Content for learn web development Here we can learn a lot content for better a web developer Technologies HTML ✨ CSS ✨ JavaScript T
Turborepo with Tailwind CSS setup for shared ui components.
Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi
Frontend tech guide and collection of highly recommended materials
Frontend Learning Kit Frontend tech guide and collection of highly recommended materials Show your support by giving a ⭐ to this repo 2022 Frontend De
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.
Auth model created by Using nodeJs for backend & reactJs for frontend with the help of TailwindCss in styling
The Universal Auth System Using The MERN Stack Including Mysql -- The project is divded to two separte projects 1- The Client side - containing the
Customizable, Pluginable, and High-Performance JavaScript-Based Scrollbar Solution.
Smooth Scrollbar Customizable, Flexible, and High Performance Scrollbars! Installation ⚠️ DO NOT use custom scrollbars unless you know what you are do
frontend-matong-admin
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Bookstore CMS React Front-End to display a list of books, categorize it, add and remove books and update your reading progress
Bookstore REACT app to manage your books Build an app to display a list of books, categorize it, add and remove books and update your reading progress
Desafio [Frontend Mentor] - Projeto feito com o framework React que anuncia vagas de emprego e filtra com base nas categorias selecionadas.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.
React Tooltip ✅ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation ⌨️ React Too
An ongoing curated list of frameworks, books, articles, talks, screencasts, recordings, libraries, learning tutorials and shiny resources about Javascript Development.
Javascript Frameworks Development Welcome to the world of Javascript Frameworks. An ongoing curated list of frameworks, books, articles, talks, screen
NFT Game Starter Project: https://github.com/buildspace/buildspace-nft-game-starter
Running React on Repl.it React is a popular JavaScript library for building user interfaces. Vite is a blazing fast frontend build tool that includes
Add focal point alignment of images to your Alpine 3.x components with a custom directive.
Alpine Focal Add focal point alignment of images to your Alpine 3.x components with a custom directive. This package only supports Alpine v3.x. About
rede social inspirada no youTube para aprendizado na area da programação utilizando o react js juntamente com typescript
media for devs a rede social de videos para programadores link do projeto api repositorio projeto feito com o objetivo de exercitar minhas skills tant
HTML CSS & React - Client side dynamic e-commerce website (stripe integrated)
Furniture E-Commerce Project Description React front-end full operating dynamic and responsive E-Commerce shop including payment connection (stripe) B
Frontend framework for creating reactive UIs using direct DOM manipulation. (WIP)
Cosmos Framework A frontend framework for creating reactive UIs using direct DOM manipulation. (Heavily WIP) How to get started with Cosmos Framework
frontend for my website
personal portfolio How to install? yarn install yarn dev Note: make sure to be using Node 14 and up. BIG THANKS TO @alii for letting me use his websit
NextJS, TypeScript and Styled Components project boilerplate
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://
Migrating from 🅰️ to ⚛️ ? 👉 Use React components in Angular, and vice versa
ngx-react allows you to seamlessy use ⚛️ React and 🅰️ Angular components together. 👉 This package will be the a perfect match to migrate from Angula
official Alibaba Design system vue components snippets for visual studio code
Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto
jCore - JavaScript library for building UI components
JavaScript library for building UI components
Aleph.js is a fullstack framework in Deno, inspired by Next.js.
Aleph.js is a fullstack framework in Deno, inspired by Next.js.
An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) products using an API in which you can also create, read, update or delete products.
CRUD app with React and Firebase 9 An application that has a frontend (user interface) that allows you to create, read, update or delete (CRUD) produc
基于Taro v3开发的多端组件库
taro-qn-components 基于 Taro 的 PC 多端组件库,支持千牛 Taro 的千牛风格组件库,UI 参考蓝湖上千牛小程序的 UI 设计 写在前面: 基于 Taro v3.2.5 开发, 3.2.6~3.2.10 在千牛真机环境不能运行。 用示例开发组件 安装依赖 lerna bo
Egg + React 全栈开发记账本---前端页面代码
Egg + React 全栈开发记账本---前端页面代码 前端页面使用Vite 2.0 + React + ZarmUI 搭建 H5 开发环境 后台服务代码https://github.com/Willmind/cash_book-server 项目启动 # 进入项目文件夹 cd react-vit
This command line helps you create components, pages and even redux implementation for your react project
react-help-create This command line helps you create components, pages and even redux implementation for your react project. How to install it? To ins
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.
Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate
Console log to terminal
Termlog Console log to terminal What it does termlog send the browser console log to your terminal It also comes with a nodejs REPL so you can do some
This is my portfolio GitHub clone website. The frontend is build using NextJS and TailwindCSS.
Github Clone Portfolio Website Tech Stack used: NextJS Tailwind CSS The contact form in this website is connected to Notion. If you want to integrate
Custom Elements Manifest is a file format that describes custom elements in your project.
@custom-elements-manifest Custom Elements Manifest is a file format that describes custom elements. This format will allow tooling and IDEs to give ri
Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.
react-native-scrollable-tabview English | 简体中文 Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab
Free Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages. Download now for free and use with personal or commercial projects.
PlainAdmin - Free Bootstrap 5 Dashboard Template PlainAdmin is a free and open-source Bootstrap 5 admin and dashboard template that comes with - all e
Web component server-side rendering
🌊 Ocean Web component HTML rendering that includes: Rendering to Declarative Shadow DOM, requiring no JavaScript in the client. Automatic inclusion o
Work from is a web app created by Josh Cawthorne for the Supabase Hackathon.
Work From What is Work From? Work from is a web app created by Josh Cawthorne for the Supabase Hackathon. The concept of the app is for companies to b
CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. components.
Cortic Edge-computing Platform (CEP) CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. compone
Pathokun, a path generator, updates your content just with your frontend by HTTP GET Request!
Pathokun Pathokun, a path generator, update your content just with your frontend by HTTP GET Request! In this way you can make Full-Stack project with
O objetivo dessa aplicação era criar um frontend feito totalmente em Javascript, sem nenhum arquivo HTML ou CSS pré-criado. Além disso, esse projeto também é o frontend da minha API 100% NodeJS.
Projeto HTML 100% Javascript Front-end feito "sem HTML" Conteúdos ➜ Sobre o projeto ➜ O que aprendi ➜ Como usar 🔎 Sobre o projeto Voltar ao topo O ob
A graphical frontend for exploring your org-roam Zettelkasten
org-roam-ui: an org-roam frontend Org-Roam-UI is a frontend for exploring and interacting with your org-roam notes. Org-Roam-UI is meant a successor o
Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.
Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage
A template to use GoLang Lorca package to make desktop applications using webview and Svelte for the frontend,
Svelte Lorca Template A starter project for building modern cross-platform desktop apps in Go, HTML, and Svelte. This project is a fork of lorca-ts-re
X-Netflix is a streaming platform based on Netflix UI: built with ReactJS in frontend and nodeJS in backend.
X-Netflix X-Netflix is a streaming platform based on Netflix UI: built with ReactJS in frontend and nodeJS in backend. Built with FrontEnd: React.JS,
A Minimal Setup & Fast Boilerplate for React.js with Vite.
A Minimal Setup & Fast Boilerplate for React.js with Vite Features 🚀 Dynamic Pages Routing with react-router-dom from React.js 🚀 Fast development wi
:octocat:🌟 ᴛʜɪꜱ ɪꜱ ᴍʏ ᴍᴜꜱɪᴄ ʜᴏꜱᴛᴇʀ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴ ᴡʜᴇʀᴇ ɪ ᴜꜱᴇᴅ ʀᴇᴀᴄᴛ ᴊꜱ ꜰᴏʀ ʙᴜɪʟᴛ ɪᴛꜱ ꜰʀᴏɴᴛᴇɴᴅ 💻 🎯 🚀
Music Hoster | Where You Host Your Dreams 🌟 ᴛʜɪꜱ ɪꜱ ᴍʏ ᴍᴜꜱɪᴄ ʜᴏꜱᴛᴇʀ ᴀᴘᴘʟɪᴄᴀᴛɪᴏɴ ᴡʜᴇʀᴇ ɪ ᴜꜱᴇᴅ ʀᴇᴀᴄᴛ ᴊꜱ ꜰᴏʀ ʙᴜɪʟᴛ ɪᴛꜱ ꜰʀᴏɴᴛᴇɴᴅ 💻 🎯 🚀 Features of Mus
Vue.js version of Moai. Official WIP.
Moai Vue UI Kit 🗿 A Vue component library, where buttons look like buttons. Website: vue.moaijs.com Document: docs.vue.moaijs.com Install The [@moai-
✨ Plan your future with Mandal-art ✨
✨ Plan your future with Mandal-art ✨ 🌟 Make my own Mandal-art Mandal-art is a word that combines'Manda+la' and'Art', which means'achieving the goal',
Platzi Master Frontend Test
frontend React Curriculum vitae Crear tu curriculum vitae en React, analiza la estructura propuesta e inspirate para mostrar tu información. Retos Cre
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
svelte-webcomponents If you’re using web-components or if you like the project, please ★ this repository to show your support! 🤩 The world's most eas
Automatically detect and import components or modules
vite-plugin-autoimport Automatically detect and import components or modules. Motivation It's very common to have many components in one file as the p
BookAttic is an online bookstore made using the MERN stack.
BookAttic is an online bookstore made using the MERN stack. Link to the website. Table of contents General info Technologies Setup General info This p
Build modular projects with components in harmony.
Bit Bit is a tool for composing modern applications of independent components. It extends the benefits of micro-services to everything you build, fron
CrossUI is a free Cross-Browser Javascript framework with cutting-edge functionality for rich web application
CrossUI is a free Cross-Browser Javascript framework with cutting-edge functionality for rich web application