339 Repositories
JavaScript styled-component Libraries
🔥 Set up your new Solid component library in seconds!
Create Solid Library Create SolidJS libraries with ease! Usage npx create-solid-library name Development Developing components is often a visual pro
deadsimple immersive navigation: a single-player-verse component
AFRAME-verse, deadsimple immersive navigation A single-player-verse component for AFRAME: TRY THE ONLINE DEMO ❤️ easily teleport between aframe apps &
Simple and minimal split pane component for Solid!
solid-split-pane Split pane component for Solid! Uses Split.Js under the hood. Takes all props that split.js takes, plus a gutterClass. (Q) Why not so
Svelte component to display time distances in a human readable format.
Time Distance Display time distances in a human readable format. Based on date-fns Updates every 60 seconds View demo Usage Install package: pnpm i -D
A Masked Input Component based on Ant Design.
antd-input-mask A Masked Input Component based on Ant Design. Usage Example Contributing How to run PR template Issue template Developed by bem-te-vi
A progressively enhanced server-rendered form-aware web component counter using WebC
Eleventy WebC Number Counter Demo A progressively enhanced server-rendered form-aware web component counter using WebC. This enhances from an input t
A custom element (web component) for Shaka Player.
shaka-video A custom element (web component) for Shaka Player, which supports both HLS and DASH streaming protocols. The element API matches the HTM
ProseMirror's open/close details list component
ProseMirror details module This module defines an open/closeable details element that works with rich text editor based on ProseMirror. Documentation
UI component library for Solid.js with SSR support
Dolmen Dolmen is a themeable UI component library designed to work with Solid.js and optimized for SSR (Server-side rendering). It provides a broad se
Exposes theming options available in Joy UI by providing color palette and typography controls.
Joy Theme Creator Note: Joy UI is currently in alpha - some things may not be finished or working as expected. This project exposes the theming option
🪸 Coral Design System by DiveTool
Coral Design System Corals 🪸 are a reef's basic components, so they are for DiveTool. Projects Name Package Version Coral @divetool/coral Coral React
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
Zero Dependency, Vanilla JavaScript Tag Editor
_____ |_ _|___ ___ ___ ___ ___ | | | .'| . | . | -_| _| |_| |__,|_ |_ |___|_| |___|___| version 0.4.4 Tagger: Zero dependenc
A phone input component that uses intl-tel-input for Laravel Filament
Filament Phone Input This package provides a phone input component for Laravel Filament. It uses International Telephone Input to provide a dropdown o
🕹️⚡ 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
Cloudinary Image component for Next.js
Cloudinary Next.js Component Get the best of Cloudinary in Next.js with the CldImage component! 🚨 EXPERIMENTAL: while this should be working pretty w
🖼️ An image select component for Streamlit
streamlit-image-select 🖼️ An image select component for Streamlit. This custom component works just like st.selectbox but with images. It's a great 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
The best shop by Laravel framework.
Introduction The shopline is an open-sourcem free and advance eCommerce with Laravel framework. Shopline can help you to make your shop easy fast & fr
A labeler component that Lays out text and overlays textual decorations like labels, predictions, and relations based on given data and handles user interactions on tokens.
react-text-annotator react-text-annotator is a labeler component that: Lays out text and overlays textual decorations like labels, predictions, and re
windows-style title bar component for Electron
electron-windows-titlebar windows-style title bar component for Electron Demo Contributors xudafeng This project follows the git-contributor spec, aut
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
A starter and demo project for Keycloakify v6 - Component level customization.
A starter/demo project for Keycloakify ⚠️ Please read the two following notices ⚠️ This starter is for Component-level customization, if you only want
Angular component for filtering , contact list in alphabetical listing. Awesome Contact List
NgxContactList | Angular 13+ Angular component for filtering contents in alphabetical listing, using default or custom templates. Ideal to build conta
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
트위터 클론 미니 프로젝트입니다.
Twitter Clone - FE 📢 프로젝트 소개 트위터를 모바일 화면 기준으로 클론한 미니 프로젝트입니다. API 명세서 프로젝트 배포 URL Back-end github repository 🗓 프로젝트 기간 2022.09.09 - 2022.09.15 ✅ 구현한
DateTimePickerComponent is a very lightweight and dependency-free web component written in pure JavaScript
DateTimePickerComponent Description DateTimePickerComponent is a very lightweight (just over 20KB) and dependency-free web component written in pure J
Beautiful UI-Range input component, highly customisable, based on CSS variables.
Beautiful UI-Range input component, highly customisable, based on CSS variables. including a floating output value, min & max values on the sides & ticks according to the steps
Autocomplete component created with pure javascript
Pickle Complete Pickle complate is a autocomplate component written as completely pure javascript. Just send json object or request information have f
An autocomplete component, built to be accessible.
Accessible autocomplete The accessible autocomplete is a component that helps users choose answers from a list you provide. You can also use it to mak
Lightweight vanilla js modal component (just 2kb) , pure javascript Modal
Lightweight vanilla js modal component (just 2kb) pure javascript Modal , This is just 2kb Lightweight vanilla js modal component with zero dependenci
Vanilla Javascript plugin for manage kanban boards
jKanban Javascript plugin for Kanban boards jKanban allow you to create and manage Kanban Board in your project! Please try out the live demo! Install
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 table component for your Mantine data-rich applications, supporting asynchronous data loading, column sorting, custom cell data rendering, row context menus, dark theme, and more.
Mantine DataTable A "dark-theme aware" table component for your Mantine UI data-rich applications, featuring asynchronous data loading support, pagina
💻 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
dynamic-component-app is an angular application for dynamic component template creation
MyApp This project was generated with Angular CLI version 14.1.0. Development server Run ng serve for a dev server. Navigate to http://localhost:4200/
View component and controller of YouTube Player API, for fresh framework.
fresh-youtube View component and controller of YouTube Player API, for fresh framework. Try it now! git clone [email protected]:otiai10/fresh-youtube.git
:mechanical_leg: Tiny and performant collapse component for SolidJS.
Solid Collapse Tiny and performant collapse component for SolidJS. Demo and examples Features Pure dynamic CSS height transition, no javascript animat
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
Movie application consuming The Movie DB's API
Movie application consuming The Movie DB's API
IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework.
@ibm/gantt-chart IBM Gantt Chart Component, integrable in Vanilla, jQuery, or React Framework. Getting started Documentation and Examples are availabl
A lightweight web component helper for HTML5 videos.
Video Radio Star A lightweight web component helper for HTML5 videos. Intended for use with muted by default HTML5 videos. Demo Demo out of viewport u
A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js, that is based on Dan Grossman's bootstrap-daterangepicker.
vanilla-datetimerange-picker Overview. A JavaScript component that is a date & time range picker, no need to build, no dependencies except Moment.js,
Awfully basic JavaScript treeview component.
simple-treeview Awfully basic JavaScript treeview component. API documentation: https://unpkg.com/simple-treeview/docs/index.html Live demo Vanilla: h
A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds files.
file-dropzone A simple lightweight file dropzone component based on jQuery. You can easily make any existing element become a dropzone that holds file
🚀 A Tailwindcss component library.
💚 Supabase Launch Week 5 Hackathon: ✅ Supabase Auth - User authentication. ✅ Supabase Database - save the information of each user-created component.
Unread-Messages.js is a lightweight library that lets a user add floating number notifications to any object.
Unread-Messages.js About Unread-Messages.js is a lightweight library that lets a user add mobile-like notification counter badge to any object with ju
A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.
Fontpicker jQuery Plugin A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fo
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
🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
Tagify - tags input component Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and
Pure CSS gauge component
Pure CSS gauge v0.2 Basic gauge component made with only CSS style rules. No SVG or canvas used in this component. This component can be easily themed
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
jQuery UI widget for structured queries like "Contacts where Firstname starts with A and Birthday before 1/1/2000 and State in (CA, NY, FL)"...
Structured-Filter · Structured-Filter is a generic Web UI for building structured search or filter queries. With it you can build structured search co
A lightweight SolidJS component for building interactive node-based diagrams and graphs.
Convert Your Ideas To A Simple And Excitig Journay With Odysea! Odysea A lightweight and minimal Solid component for building interactive graphs and n
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
SDK for Daily's Video Component System (VCS)
Video Component System (VCS) A video-oriented JavaScript graphics framework based on React, created by Daily. This is a beta release of the VCS SDK so
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Javascript accordion - tiny and simple.
Javascript Accordion Javascript accordion - tiny and simple. Accordions are useful when you want to toggle between hiding and showing large amount of
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
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
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
Tool Cool Color Picker is a color picker library written in typescript and using web component technologies.
Tool Cool Color Picker Tool Cool Color Picker is a color picker library written in typescript and using web component technologies. Check out the demo
A lightweight SolidJS component for building interactive node-based diagrams and graphs.
Convert Your Ideas To Graphs With Solid Graph! Solid Graph A lightweight and minimal Solid component for building interactive graphs and node-based ed
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
A custom element (web component) for the Vimeo player.
vimeo-video A custom element (web component) for Vimeo. The element API matches the HTML5 video tag, so it can be easily swapped with other media,
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
👇 Bread n butter utility for component-tied mouse/touch gestures in Solid.
solid-gesture solid-gesture is a port of @use-gesture/react which lets you bind richer mouse and touch events to any component or view. With the data
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
A HTML5 upload component without UI
Simple Uploader A HTML5 upload component which provides full control of UI styles. Installation Install via npm: npm install --save simple-uploader In
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
React carousel component
react-slick Carousel component built with React. It is a react port of slick carousel Documentation Installation npm npm install react-slick --save ya
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
Scrolling navigation component for web apps
Slinky.js Create beautiful scrolling driven navigation lists with stacking headers that remain visible at all times. Scroll around on the plugin homep
🍎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 brand new @shopify/flash-list high performance list component can be used on TV as well as on phones!
FlashListTV The brand new @shopify/flash-list high performance list component can be used on TV as well as on phones! Quick start: Clone this repo Cha
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
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
A lightweight, performant, and simple-to-use wrapper component to stick section headers to the top when scrolling brings them to top
👇 Bread n butter utility for component-tied mouse/touch gestures in Svelte.
svelte-gesture svelte-gesture is a library that lets you bind richer mouse and touch events to any component or view. With the data you receive, it be
A ✨light✨ and magical Svelte component for CSS media queries🐹
Svelte CSS media queries 🐥 Demo - Svelte REPL Lightweight, comfortable, like Svelte 🐣 how to install npm i svelte-media-queries What can I do? quer
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
Custom element (web component) for Video.js.
videojs-video A custom element (web component) for Video.js. The element API matches the HTML5 video tag, so it can be easily swapped with other m
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 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://
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'
🗂 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
🍭 search-buddy ultra lightweight javascript plugin that can help you create instant search and/or facilitate navigation between pages.
🍭 search-buddy search-buddy is an open‑source ultra lightweight javascript plugin (* 1kb). It can help you create instant search and/or facilitate n
hCaptcha Component Library for Solid.
Solid hCaptcha Component Library This is a port of @hcaptcha/react-hcaptcha for Solid. Description hCaptcha is a drop-replacement for reCAPTCHA that p
4WEB is a collection & creation of codebase, frameworks, libraries and various resources dedicated to web development 📦🌐
📨 Vous pouvez également contribuer à ajouter/créer votre propre collection dans ce référentiel ... Table des matières 🔎 Codebase 🔎 NPM packages 🔎
A demo app showingcasing laravel-livewire-wizard
A demo of spatie/laravel-livewire-wizard This repo contains a Laravel app to showcase the spatie/laravel-livewizard package. Usage Clone the repo Copy
🖼️ A 60+ fps lightbox component, build upon Reanimated & GestureHandler.
React Native Lightbox Todo pinch to zoom web support photo gallery tap to close Installation First you have to follow installation instructions of Rea
Globe.GL - A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection
A web component to represent data visualization layers on a 3-dimensional globe in a spherical projection. This library is a convenience wrap
Bookwise is a video library web app that consists of a collection of Videos
Bookwise is a video library web app that consists of a collection of Videos. It has features such as like videos, creating playlists, adding videos to playlists, adding to watch later, history, feed, etc. but of a specific niche.
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