526 Repositories
JavaScript frontend-components Libraries
Mini Social Media App with a liitle bit of facebook components (Still Developing)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Fronetend for group 3's project.
PROJECT NAME Readaway Project Description Users can create and sign up for giveaways which, upon expiring, will select a random winner from the pool o
Allows the public to easily report and track the geolocation of anyone or anything they spot outside, using a mobile app or web frontend.
LIVE DEMO: https://armytracker.com/ (tracking the invading Russian army in Ukraine) Attention: - If you'd like to help the project either as a program
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon
The fastest way to get started with a fully-fledged web3 frontend
create-web3-frontend The fastest way to get started with a fully-fledged web3 frontend setup consisting of Next.js, wagmi and Tailwind CSS. npx create
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
API REST de código aberto para testes frontend aplicando CRUD.
OPEN CRUD API API pública para cadastro de usuários para ser usada em testes. Ajustes e melhorias O projeto ainda está em desenvolvimento e as próxima
🦄 A CLI tool to quickly generate Next.js components
🦄 nextrate A CLI tool for quickly generating Next.js components. ✨ Features Automatically add the file type to the component name using the folder na
This library is a template to generate new angular component libraries.
Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta
Svelte debugging tool for re-rendering components
resvelte README This is the README for your extension "resvelte". After writing up a brief description, we recommend including the following sections.
Soba frontend - dorm review system
HOW TO RUN: After unzipping both folders, enter the soba-server-main directory. Run npm i to install dependencies, then run npm run dev to start the s
"Space Travelers' Hub" This project will lay foundations for your understanding the new features for Redux, using slice reducer and API requires with createAsyncThunk
Space Travelers' Hub Space Travelers' Hub React - Redux "Space Travelers' Hub" This project will lay foundations for your understand new features for
My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.
chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne
Decentralized Finance platform (frontend)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Full-Stack CRUD Application With Angular + Firebase Database + Authentication + REST APIs
BookCompany Full-Stack CRUD Application With Angular + Firebase Database + Authentication + REST APIs Technologies & Features Angular front-end framew
Web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control.
Linux Remote This is a web based application that uses playerctl in it backend to control remotely your audio using the frontend as remote control. Do
🍯 An open source interface for the Honey Finance protocol
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://
💰 Frontend for a Google Sheet I use to track my poker sessions.
Poker Tracker A frontend for a Google Sheet that I use to track my poker sessions. To better understand how React works under the hood, I built my own
📜 A tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
A featherweight, functional frontend JS framework
flub.js With inspiration from React and Flutter, flub is a minimal JS framework (core sits little over 1 kB) for quickly prototyping basic JS frontend
Kick off your project with this recipe boilerplate
Gatsby starter for recipes with Flotiq source Kick off your project with this recipe boilerplate. This starter ships with the main Gatsby configuratio
Next JS micro front-end project
a project to create micro frontend nextjs app in seconds!
Custom HTML elements for generic components (dropdown, modal...) without style.
Headless elements The goal of this project is to create a library of Custom Elements to stop reinventing the wheel (starting by reinventing the wheel
Realtime.js - a fast frontend framework based on Web-Components.
Realtime.js is a fast frontend framework based on Web-Components and Proxies. It has a lot of features to simplify your way of live as a vanillajs developer. The framework is programmed in such a way, that you can edit it yourself if you need additional features.
Full-Stack Instgram Clone using MERN Stack and Socket.io
Instagram MERN Full-Stack Instgram Clone using MERN Stack and Socket.io Visit Now 🚀 🖥️ Tech Stack Frontend: Backend: Realtime Communication: Cloud S
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Animate your Alpine components.
Animate your Alpine components 🚀 This package provides you with a simple helper to animate your ALpine.js components. Installation The recommended wa
Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes!
Note Port About Note Port is a frontend clone of Google Keep. It uses localstorage to save your notes! Tech Stack React Screenshots Things I want to a
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Fest - A reuseable UI components builder for the web
fest Fest is actually fast. A reuseable UI components builder for the web. Rerender components or parts of components as users interact with your app.
Add weak event listeners from your components/classes based on WeakRefs
Add weak event listeners from your components/classes based on WeakRefs. This package handles the boilerplate for you, which isn't too much anyways but not particularly good looking.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Heavily inspired by Angular Forms, this package provides utilities for complex Model-driven form management in Lit-based Web Components.
Estrela - a JavaScript library for building reactive web components inspired by lit
Estrela ⭐ Full Reactive Web Components Estrela is a JavaScript library for building reactive web components inspired by lit. Just like Lit, Estrela is
A fully-typed, low-level, and HyperScript-like Frontend Library 🚀
A fully-typed, low-level, and HyperScript-like Frontend Library 🚀
NFT stacking frontend completion using web3 on solana for client Nelson project.
NFT stacking frontend completion using web3 on solana for client Nelson project.
Frontend Mentor - E-commerce product page solution
Frontend Mentor - E-commerce product page solution This is a solution to the E-commerce product page challenge on Frontend Mentor. Frontend Mentor cha
PokePoke - a frontend application that connects to a free API called PokeApi
PokePoke is a frontend application that connects to a free API called PokeApi, and facilitates the visualization and search of pokemon through a minimalist interface. This application was developed with the aim of putting into practice React concepts such as the use of Hooks, Custom Hooks and Context. In addition, the use of new technologies: Tailwinds as CSS Framework and Vite as a file packer, an alternative to WebPack.
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
Sam4Sc - a migration assistant for Angular to SCAM (Single Angular Component Modules) and Standalone Components
Frontend that instantiate custom apps created using toguro-cli
Toguro FE This project contains the frontend for the main Toguro platform using Matrix Js SDK It includes the built .es.js of Mx-Login-App for referen
The frontend of a full stack application of a personal wallet made with React, Node and MongoDB that allows you to add inputs, outputs and see all your extract.
The frontend of a full stack application of a personal wallet made with React, Node and MongoDB that allows you to add inputs, outputs and see all your extract.
A public JSON API for Wordle with vue.js frontend
A public JSON API for Wordle. This repo also includes a frontend made with Vue.js
A Next + TypeScript Starter. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analytics, sitemap generation, and more!
Next + TypeScript Starter A Next + TypeScript Starter by Justin Juno. Featuring Styled-Components, ESLint, Prettier, Axe a11y monitoring, Fathom analy
2omb ecosystem
🪦 Welcome to the 2omb ecosystem 🪦 [ Thanks for taking the time to contribute! You can start by reading our Contribution guidelines first.](url) Setu
A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.
fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s
Bookstore app built using React, Redux, and Styled Components
Bookstore Bookstore is an app that allows you to display a list of added books, add new book and remove a book. It is built using React, Redux, and St
A-Frame Element is a simple library for building fast, lightweight web components for 3D development
aframe-element is a library inspired from the very nice library Polymer lit to map A-Frame AR / VR / 3D elements on typescript classes like Angular/React/Lit.
Second-challinge - Frontend Mentor - Social proof section
Frontend Mentor - Social proof section Welcome! 👋 Thanks for checking out this
Hotel Booking System Built In MERN (MongoDB, ExpressJs, ReactJs, Nodejs) Stack.
Setting Up The Project Please Run The Commands Below to Run the Project git clone https://github.com/yishakdotjs/yishakdotjs-Hotel-Booking-System-Fron
Site para treinar minhas habilidades com o react no frontEnd (totalmente voltado para o aprendizado)
Tutorial Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you ca
⚡ Something like react server components, but web workers instead of a server
react-worker-components-plugin ⚡ something like react server components, but web workers instead of a server react-worker-components-plugin is a plugi
A reusable react hook that preserves a components semantic accessibility to create a visual block link.
useAccessibleBlockLink is a reusable react hook that preserves a components semantic accessibility to create a visual block link. This hook supports multiple links within the same block.
Common React Native components used by "Roqay" packed in library for usage in future projects.
Roqay Common React Native Components Common React Native components used by Roqay packed in library for usage in future projects. Installation yarn ad
This is best boilerplate project using Next.js, Typescript, Redux, Styled-component.
GL-Next boilerplate Start your next Next project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance an
A JSDOM alternative with support for server side rendering of web components
About A JSDOM alternative with support for server side rendering of web components. Happy DOM aim to support the most common functionality of a web br
Simple shopping cart prototype which shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scalable code in e-commerce applications.
This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates a
Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript, Styled-Components, Axios, React-Feather e Open Trivia Database.
TRIVIA-QUIZ Trivia-Quiz é uma aplicação baseada no jogo Perguntados, em que consiste em um quiz de diferentes questões. Feito com ReactJS, JavaScript,
Access the internals of React components from Cypress end-to-end tests
cypress-react-app-actions Access the internals of React components from Cypress end-to-end tests Read Access React Components From Cypress E2E Tests a
React components and hooks for creating VR/AR applications with @react-three/fiber
@react-three/xr React components and hooks for creating VR/AR applications with @react-three/fiber npm install @react-three/xr These demos are real,
This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills.
pokedex-nova This project provides a React-powered web experience using the PokeAPI. It also is a creative space to hone frontend skills. Available Sc
Real-time covid data in Brazil states.
Brazil Covid Data Brazil Covid Data is a web application that allows you to see information about the pandemics on your state just by hovering it on t
🔄 Basic project to start studying React and Typescript. With it you can translate text to binary or morse language. This project addresses the creation of routes and components.
max-conversion Projeto criado para iniciar nos estudos de React e Typescript Basic project to gain knowledge in react Na plataforma é possível convert
Um projeto feito utilizando a biblioteca React para entrada e saída de custos e serviços realizados.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI
room-card Show multiple entity states, attributes and icons in a single card in Home Assistant's Lovelace UI NOTE: This card is base on the multiple-e
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.
we are make our components in story book. So if we add some components you can find document and example of useage in storybook.
A Minecraft launcher written in Rust, with an Electron frontend.
RustMine A Minecraft launcher written in Rust, with an Electron frontend. Why? I thought it would be fun to use two of my most familiar languages, Rus
Crowdsource and crowdfund collaboration on maps of problems.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.
XPeer is a WebRTC based package for building Muti-Peer-to-Peer Frontend Application.
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
DoMe is a ToDo App. you can add, delete and reorder elements of the todo list using drag and drop. You can also toggle between dark&light mode
DO ME Todo App Live Preview : DO ME Built With : - ReactJS - TailwindCSS Make sure you have: - Git - Nodejs version 14 or higher (we recommend using
🌕 Frontend for Mangatsu server Written in TypeScript using Nextjs
🌑 Frontend for Mangatsu Server (a storage for doujinshi, manga & other collections). Written in TypeScript using Nextjs.
A web application which is a clone of Google keep. Made it by using react framework.
A web application which is a clone of Google keep. Made it by using react framework.
Event scheduler is a simple app for viewing the events happening around you
Event scheduler is a simple app for viewing the events happening around you. User can also create their event and include a location. Location can also be marked as hidden(strictly by IV). Built with React and Styled Components
A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell
Loggi Frontend Show & Tell - Animações com React Lottie A simple demo of React Lottie power to 1st Loggi Frontend Show & Tell This project was bootstr
Shows how React components and Redux to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications
This simple shopping cart prototype shows how React components and Redux can be used to build a friendly user experience with instant visual updates and scaleable code in ecommerce applications.
Insider Unlocked
Insider Unlocked Insider Unlocked is an ongoing web application we have been co-developing for the past few months which aggregates stock trading data
A-Frame components implementing multiple cameras
aframe-multi-camera multi-camera.mp4 Overview This repository contains components that can be used to create multi-camera scenes in A-Frame. Cameras c
Frontend, contracts, and merkle tree generator for use in quickly scaffolding ERC20 token airdrops.
Merkle Airdrop Starter Quickly bootstrap an ERC20 token airdrop to a Merkle tree of recipients. Steps: Generate Merkle tree of recipients by following
⚔️ Strongly-typed Discord commands on Cloudflare Workers
⚔️ Slshx Slshx is a slightly wacky, experimental, library for building strongly-typed Discord commands that run on Cloudflare Workers, using a React-i
Accessible, unstyled, open-sourced, and fully functional react component library for building design systems
DORAI UI Accessible, unstyled, open-sourced and fully functional react component library for building design systems Documentation site coming soon St
Lightweight reusable Web3 UI components for dapps.
Web3UIKit 🧙♂️ Beautiful and lightweight UI components for web3 developers. This UI library will speed up your dapp development no matter which chain
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
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 /
Create reusable components with Alpine JS reactivity 🦑
Apline JS Component Create reusable HTML components sprinkled with Alpine JS reactive data 🧁 Example 👀 Page We can render on page components by usin
Write components once, run everywhere. Compiles to Vue, React, Solid, Angular, Svelte, and more.
Write components once, run everywhere. Compiles to: At a glance Mitosis is inspired by many modern frameworks. You'll see components look like React c
Drag and drop page builder and CMS for React, Vue, Angular, and more
Drag and drop page builder and CMS for React, Vue, Angular, and more Use your code components and the stack of your choice. No more being pestered for
Challenge [Frontend Mentor] - In this challenge, JavaScript was used to filter jobs based on the selected categories. Technologies used: HTML5, CSS3 and React.
Frontend Mentor - Job listings with filtering Front-end challenge focused on javascript logic, where a list of fictitious vacancies is presented and t
Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.
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
TrackIt - Single Page Application that helps the user track their habits.
TrackIt - Single Page Application that helps the user track their habits. Implemented with JavaScript/React and an API server which enables the user to sign-in or sign-up in the app.
Alfresco Angular Components
Alfresco Application Development Framework (ADF) branch status master develop Introduction See the Introduction page to get started with the Alfresco
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
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀
An enterprise-class UI components based on At UI Design and Angular. 🚀 🚀 🚀
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
A set of UI components for use with Angular 2 and Bootstrap 4.
#Fuel-UI A set of UI components for use with Angular 2 and Bootstrap 4. See Fuel-UI homepage for live demo and documentation. ##Dependencies Node Gulp
Customizable Angular UI Library based on Eva Design System
Nebular Documentation | Stackblitz Template | UI Bakery - Angular UI Builder | Angular templates Nebular is a customizable Angular 10 UI Library with
The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular
ngx-bootstrap The best way to quickly integrate Bootstrap 5 Bootstrap 4 or Bootstrap 3 Components with Angular Links Documentation Release Notes Slack
Native Angular components & directives for Lightning Design System
ng-lightning This library contains native Angular components and directives written from scratch in TypeScript using the Lightning Design System CSS f
Angular UI Component Library based on Ant Design
NG-ZORRO An enterprise-class Angular UI component library based on Ant Design. English | 简体中文 ✨ Features An enterprise-class UI design system for Angu
Component infrastructure and Material Design components for Angular
Official components for Angular The Angular team builds and maintains both common UI components and tools to help you build your own custom components
The code for a set of Angular 6+ components for the PatternFly project.
The code for a set of Angular 6+ components for the PatternFly project. Note that the release/3.x branch supports Angular 4 and 5.