513 Repositories
JavaScript vue-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://
⚡ Um aplicativo de notas com back-end gerado pela ferramenta Deskree
⚡ My Notes Deskree (my-notes-deskree) Um projeto criado com Quasar Framework e back-end sem código gerado pela plataforma Deskree ⚡ O Deskree é uma so
We open the tools we use in our projects to all developers.
huntersofbook This repo was created with the aim of developing the vue ecosystem as well as giving back to the open-source world what we learned from
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
Production-ready fullstack Nuxt 3 starter with a well-working, opinionated configuration
sidebase sidebase is a modern, best-practice, batteries-included fullstack-app starter based on Nuxt 3 and TypeScript. With this nuxt 3 starter you ge
"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
emoji-box
emoji-box 特别说明: 基于 Vue3 编写,Vue2 不适用。 本项目中的表情(圆脸、其他、手势、动物)基于微软开源表情制作,可商用。 如涉及其他表情用于不正当的行为,后果由使用者承担责任,与本项目无关。 安装 npm npm i emoji-box yarn yarn add emoj
Simple to use and manage modal.
vue-modal-provider nice-modal-react vue implementation. Simple to use and manage modal. benefit: Create modal without losing context No need to mainta
🕹️⚡ 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
Auto generate the corresponding `.env` file.
unplugin-vue-dotenv Auto generate the corresponding .env file. Install npm i unplugin-vue-dotenv Vite // vite.config.ts import Dotenv from 'unplugin-v
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 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
A library for creating typesafe standardized query keys, useful for cache management in @tanstack/query
Query Key Factory Typesafe query key management for @tanstack/query with auto-completion features. Focus on writing and invalidating queries without t
💻 Template using Next + TypeScript
Hi there! 👋 This project was developed with care and in the best way I could with the knowledge I have, I hope you enjoy it! 🥳 What is inside? Next
Frolics is an offline, lightweight, full-text search library for Frontend applications
Frolics What Is Frolics Installation Document Preparing Customized Fields Hand-on Example Cache Usage What Is Frolics ? Frolics is an offline, lightwe
Composition API & Yup Powered Form Validation
vue-yup-form Composition API & Yup Powered Form Validation. This tiny library allows Vue and Yup to be a best friend. Requirements The following versi
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
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.
Theme Redone is a custom WordPress theme starter/framework with its own Gutenberg blocks solution and a CLI that speeds up the block creation process.
Theme Redone The Framework for Developing Custom WordPress Themes with its own Gutenberg Blocks creation solution. Theme Redone is a custom WordPress
It is a monorepo that includes all end-to-end resolutions. You can create a website, API and mobile application.
Discord Website http://localhost:3000 - vue http://localhost:5000 - vue-mobile http://localhost:4000/graphql - api Setup pnpm install docker-compose u
A native, pure and exquisite web components library which can be used anywhere.
What Is This ? This is a project on pure web components merely using native HTML、CSS and JavaScript technologies. It has features below: based on web
Collection of CSS box-shadows for every taste contains more than 100 simple, beautiful and airy shadows.
Vue Box-shadows Collection of CSS box-shadows for every taste contains more than 100 simple, beautiful and airy shadows. Add beautiful shadow effects
🌈 CLI tool to scaffold chakra ui projects, without wasting time.
Create Chakra Project (create-chakra) ⚒ Tool to scaffold chakra apps, without wasting time. It uses existing tools like create-next-app and create-vit
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
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
An extended table to integration with some of the most widely used CSS frameworks.
An extended table to integration with some of the most widely used CSS frameworks. (Supports Bootstrap, Semantic UI, Bulma, Material Design, Foundation, Vue.js)
Catamyst Frontend Stack - Discussion and demo for Frontend Web Development with Modern Tech Stack
Catamyst Frontend Stack Discussion and demo for Frontend Web Development with Modern Tech Stack. Made by M Haidar Hanif from Catamyst. Haidar is the F
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
Vite plugin for minifying / obfuscating CSS classes in production builds
vite-plugin-class-mangler Vite plugin for minifying / obfuscating classes in production builds. Compatible with Tailwind, inline, or imported styles.
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
Tool for GitHub/GitLab to keep Repositories/Projects you are interested in and their Pull/Merge Requests in desktop Tray Menu
Tool for GitHub/GitLab to keep Repositories/Projects you are interested in and their Pull/Merge Requests in desktop Tray Menu. More info in User Guide.
A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects.
🌍 typesafe-i18n A fully type-safe and lightweight internationalization library for all your TypeScript and JavaScript projects. Advantages 🐤 lightwe
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
🔎 Algolia module for Nuxt
@nuxtjs/algolia Algolia module for Nuxt ✨ Release Notes 📖 Read the documentation Features Nuxt 3 ready Easy integration with Algolia Handy composable
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
AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js.
AT UI AT-UI is a modular front-end UI framework for developing fast and powerful web interfaces based on Vue.js. 中文 README Features Based on Vue A npm
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
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
✉️ Nuxt module for first class integration with popular newsletter providers
nuxt-newsletter Newsletter module for Nuxt 3 ✨ Release Notes 📖 Read the documentation Features Nuxt 3 ready Easy integration with Mailchimp, Revue, B
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
BetterScroll is a plugin which is aimed at solving scrolling circumstances on the mobile side (PC supported already).
BetterScroll is a plugin which is aimed at solving scrolling circumstances on the mobile side (PC supported already).
A simple picture clipping plugin for vue
vue-cropper 一个优雅的图片裁剪插件 [ 查看演示 Demo ] [ README_english ] [ 更新日志 ] 一、安装使用 1. 安装 # npm 安装 npm install vue-cropper # yarn 安装 yarn add vue-cropper 如果你没有使用
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
TypeScript-first schema validation for h3 and Nuxt applications
h3-zod Validate h3 and Nuxt 3 requests using zod schema's. Install npm install h3-zod Usage import { createServer } from 'http' import { createApp } f
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
Http-proxy middleware for Nuxt 3.
nuxt-proxy Http-proxy middleware for Nuxt 3. Installation npm install nuxt-proxy Usage export default defineNuxtConfig({ modules: ['nuxt-proxy'],
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
Optimized dracula theme vscode extension for flutter, web, electron and golang development.
Optimized Dracula Theme A color theme inspired by dracula color theme. This color theme is not based on dracula color theme. The color styles are simi
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.
The SheetJS Community Edition offers battle-tested open-source solution
The SheetJS Community Edition offers battle-tested open-source solutions for extracting useful data from almost any complex spreadsheet and generating new spreadsheets that will work with legacy and modern software alike.
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'