344 Repositories
JavaScript styled-components Libraries
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
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 @
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://
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
"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
🕹️⚡ 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
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
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
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
👩🎤 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
A demo repository to play around with Vivid! Styled with Tailwind CSS
vivid-demo A demo repository to play around with Vivid! Mess around with a copy of our landing page to see how Vivid works! Learn more about Vivid at
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 ✅ 구현한
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 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
💻 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
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
In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.
Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications
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.
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
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 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
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
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
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
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.
OrganiCSS is a collection of mixins for writing logical CSS in different pre-processors and libraries.
OrganiCSS is a collection of mixins and functions to support writing progressively-enhanced logical CSS in many different flavors. Getting Started To
Click in your components and open VSCode in the correct file and line number.
Inspect in VSCode This is a simple extension for deno/fresh projects that allows you to inspect your components' source code in VSCode. This repositor
Application which will allow users to find hotels, hostels and restaurants and feedback about those in whole over of world.
Gatsby minimal TypeScript starter 🚀 Quick start Create a Gatsby site. Use the Gatsby CLI to create a new site, specifying the minimal TypeScript star
Lightweight basic CSS style sheets.
Styled CSS Base Lightweight basic CSS style sheets. If you get tired of setting up a comprehensive styling scaffold, you may try returning back to thi
Minimalist Virtual DOM library with JSX and factory pattern for stateful components.
Reflex Reflex JS is a tiny virtual-dom library with factory based functional components. See this example running See more complex demos Table of cont
Providing accessible components with Web Components & Material You
tiny-material Still on developing, DO NOT use for production environment Run well on Google Chrome, Firefox, Chrome for Android, Microsoft Edge (Chrom
Single function to create, manage, compose variants, for any CSS-in-JS libraries.
Build-variants Single function to create, manage, compose variants, for any CSS-in-JS libraries. Motivation Before diving into the implementation deta
Clone of a To-Do List app I like.
📃 ️Dona Clone This project is a clone of Dona, which is a To-Do List application focused on design. I've always liked their design and decided to rec
Keep components alive after unmount in solid.js
solid-keep-alive Keep you components alive even after parent's unmounts, saving signals and DOM elements in cache to reuse them. Demo On StackBlitz: s
Cross platform UI controls for progressive web and hybrid apps (plain JS, jQuery, Angular and React)
Mobiscroll What is Mobiscroll? Mobiscroll is a UI library for progressive webapps and hybrid development. Created with a lot of attention to usability
Bootstrap Colorpicker is a modular color picker plugin for Bootstrap.
Bootstrap Colorpicker Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4. THIS PROJECT IS NOT MAINTAINED ANYMORE. After almost 10
Cropperjs as React component
react-cropper Cropperjs as React component Demo Click for a Demo Docs Cropperjs Installation Install via npm npm install --save react-cropper You need
🍎Transform an SVG icon into multiple themes, and generate React icons，Vue icons，svg icons
IconPark English | 简体中文 Introduction IconPark gives access to more than 2000 high-quality icons, and introduces an interface for customizing your icon
The best book finder app you'll see on the internet today😉
Updating Booksy's Docs...please be patient. yarn build Builds the app for production to the build folder. It correctly bundles React in production mod
💸 Use case style digital image marketplace like nft. I developed this system by gathering a lot of my frontend/backend knowledge
❗ WARNING This project is just an educational system, NOT a system made to carry out large transactions and with the same focus as nft. I developed th
Ready-to-use Remix + Tailwind CSS routes and components.
remix-blocks What is RemixBlocks? Ready-to-use Remix + Tailwind CSS routes, and UI components, all blocks: Are full-stack routes. Are independent of e
Auto-import components in Astro projects
Astro Auto Import 🔗 Looking for the main package? Jump to astro-auto-import → 🚀 Project Structure This project uses workspaces to develop a single p
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design
In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course
Linkr | Front end WIP Full Stack Development Project Browse JSX code» - Back end code» Built With Study Playlist In this section I included all Youtub
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
ModeSens is your digital shopping assistant for the smart and informed.
ModeSens is your digital shopping assistant for the smart and informed. Established in 2015, ModeSens is led by a team of industry experts who developed a solution to the disconnected and crowded online shopping experience. Product information was scattered, and shopping required too much research to make an informed purchase.
A set of children-first components
Children-First Components This library is currently a work-in-progress to build the React components found in this talk (https://www.youtube.com/watch
A collection of everyday web-components and libraries.
Ambiki packages A collection of everyday web-components and libraries. Used in production at ambiki.com Collections within the repository Custom eleme
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets
Backgrid.js is a set of components for building semantic and easily stylable data grid widgets. It offers a simple, intuitive programming interface that makes easy things easy, but hard things possible when dealing with tabular data.
A wee E-Commerce website powered by Stripe, Auth0, Strapi and 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://
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Why use Preline UI? Based on the Tailwin
A Gatsby-based starter theme with e-commerce styled components
This beautiful theme from the Matter Design Team gives you the styling and scaffolding for your next e-commerce site. You can customize to your heart'
Public components for krtech-ui. (shorname is KUI)
React Library Template (TypeScript) Instantly create TypeScript-based React Component Library with this open-source template repo. Get Started To use
Zero runtime type-safe CSS in the same file as components
macaron comptime-css is now called macaron! macaron is a zero-runtime and type-safe CSS-in-JS library made with performance in mind Powered by vanilla
🗂 Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
Lit + File Based Routing + Nested Layouts
Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i
Document Typescript React components with TSDoc and export Storybook-friendly JSON 🤖
✨ Document React components with @prop ✨ react-tsdoc 🤖 react-tsdoc is an tool to extract information from React Typescript component files with TSDoc
The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power apps.
Power CAT code components The Power CAT code components are a set of Power Apps component framework (PCF) controls that can be used to enhance power a
A social network where you can share posts, view your profile metrics and follow other users.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Simple components showing differences in each major frontend web framework.
Web Frameworks A collection of simple components in each of the leading frontend web frameworks. So far, covering React, Vue, Angular, Svelte and Soli
A modern and fashion-forward retail portal.
Atelier Atelier is an ecommerce product detail page built for a fictional clothing company as an exercise in front-end development. It contains three
An enterprise-class React UI components library
KDesign of React KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库，主要用于企业级系统的构建。 特性 提供开箱即用的 丰富的企业级 React UI 组件。 使用 TypeScript 开发，提供完整的类型定义文件。 组件全
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...
Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents Getting started Paths & Files Useful depend
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r
💻 Build terminal styled websites in minutes!
💻 LiveTerm - build terminal styled websites in minutes! Highly customizable, easy-to-use, and minimal terminal styled website template, powered by Ne
A robust form library for Lit that enriches input components with easy-to-use data validation features.
EliteForms A robust form library for Lit that enriches input components with easy-to-use data validation features. Installation npm install elite-form
Use macro-based Nunjucks components with Eleventy and Storybook.
eleventy-nunjucks-storybook Use macro-based Nunjucks components with Eleventy and Storybook. Links See Using Storybook with Nunjucks components in Ele
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
React Native Boilerplate - The Boilerplate contains all the basic packages, common components and, prebuilt code architecture
The Boilerplate contains all the basic packages, common components and, prebuilt code architecture. It will save developer's project setup time.
A-Frame components for smooth locomotion and snap turning
A-Frame locomotion A collection of A-Frame components, systems and primitives that enable all sorts of locomotion in VR. It't built to be modular, fle
Set of react components based on styled-components
React to styled Links Documentation Contributing Ask question or give feedback Packages @react-to-styled/components – all components in one package @r
A SolidJS starter template with solid-labels, solid-sfc and solid-styled
solid-sfc-styled-labels-starter This is a SolidJS starter template for easily setting up solid-sfc, solid-styled and solid-labels. Development Install
Dynamic, theme-driven, style props for vanilla-extract.
Rainbow Sprinkles 🧁 Dynamic, theme-driven, style props for vanilla-extract. Rainbow sprinkles works similarly to @vanilla-extract/sprinkles. Like spr
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.
Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
The UI for staking NFTs on Solana. Cardinal staking UI can be treated as an admin interface for stake pools hosted by cardinal-staking as well as a barebones end-user staking UI
Cardinal Staking UI This repository hosts the UI inteface that powers https://stake.cardinal.so for staking NFTs on Solana. Use this repo to create an