559 Repositories
JavaScript tailwindcss-components Libraries
Boilerplate for HTML, CSS, JS and TailwindCSS
tailwind-vanillajs-boilerplate 🔨 Boilerplate for HTML, CSS, JS and TailwindCSS
Dustbin - Just Another Text Storage Service
Dustbin It's just another text storage service built in fastify. API Ofcouse we
Blog-webapp - A simple webapp prototype that serves tech news, blogs, and anything else a developer might want to learn or get help with
Blog Web app A simple webapp prototype that serves tech news, blogs, and anythin
Input with floating label make with tailwindcss 3.0.18
tailwind-floating-label-input Input with floating label make with tailwindcss 3.0.18 Works with input and textarea elements. How to use Input
Word guessing game like Wordle but to compete with your friends
Battle your friends in a word guessing game WarWordly is an Open Source and Free to Play multiplayer game inspired in the famous Wordle. The idea is t
⚡ 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
Spotify Web API with Next.js
Resumo Statsfy é um site que exibe seus artistas e músicas mais escutadas, além de músicas recentes. Você pode usar clicando neste link. (Apenas usuár
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
Medium-Clone with Next.JS, Typescript, Tailwindcss, and Sanity!!
Medium Clone 📌 Overview /pages ✔️ pages/index.tsx = Homepage and list all Blogs ✔️ pages/post/[slug].tsx = Details Blog /pages/api ✔️ pages/api/creat
(🔗, 🌲) Web3 Link Tree is a free & open-source alternative to Linktree built with React.js, Next.js, Tailwind and Web3-React
Getting Started Read the detailed guide here Customize Add your name, wallet address, social media links and more in config.ts Images Save images to t
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
Simple Notes é um projeto de uma plataforma de anotações
Resumo Simple Notes é um projeto de uma plataforma de anotações. O grande diferencial é que as anotações são públicas e os usuários podem anotar histó
Eine einfache Möglichkete Tailwindcss und Alpine.js mit REDAXO zu nutzen
TAR - Tailwindcss - Alpine.js - REDAXO Eine einfache Möglichkeit REDAXO mit Tailwindcss zu nutzen Installation: yarn install oder npm install Die gewü
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,
A boilerplate for Vite, React, Tailwindcss with filesystem based routing
Template This is a React, Vite, Tailwind template. It features filesystem based routing, similar(ish) to Next.js. It also formats and serves markdown
🌹 Online flowershop
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://
🔄 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
Admin dashboard template built with tailwindcss & vue-jsx.
K UI Admin Dashboard Template (Vue 3 & JSX) ⚠️ This template is not finished yet and still in design phase. We are building it in public. Live preview
Starter template for a personal website blog, built with Next.js, MDX, and Tailwind CSS.
nextjs-mdx-blog-theme View: demo site Framework: Next.js Deployment: Vercel Content: MDX Styling: Tailwind CSS Running Locally $ git clone https://git
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.
Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript code snippets
Code Playground About Code Playground is a online application for testing and showcasing user-created and collaborational HTML, CSS and JavaScript cod
This branch is created to make receive and send data to api using async and await methods
Microverse-Leader-Board Project from module 2 week 4 This branch is created to make receive and send data to api using async and await methods Screens
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
A utility library to lookup TailwindCSS Heroicons by their name
Welcome to heroicons-lookup 🔍 A utility library to lookup TailwindCSS Heroicons by their name. Based on @jsmith's gist 🏠 Homepage ✨ Demo(coming soon
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
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.
A video media file convertor using FFmpeg's web assembly port
A video media file convertor using FFmpeg's web assembly port
Country finder: A site that allows you to browse the countries of the world with all the necessary information about the country
Country finder: A site that allows you to browse the countries of the world with all the necessary information about the country
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
Palette plugin using CSS variables for TailwindCSS
Palette plugin using CSS variables for TailwindCSS Adds a color palette (from 100 to 900) for each color of your tailwind configuration while using CS
⚔️ 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
Open source app to beautify screenshots, quickly and easily
Codename: Pika What it does Lets you quickly beautify screenshots by adding rounded corners, background colors, shadows and more. You can copy the bea
animate.css as a Tailwind plugin
tailwind-animatecss Use animate.css as a Tailwind 3 plugin. Demo – https://dumptyd.github.io/tailwind-animatecss Table of contents Installation Usage
🐵 League Of Legends Store
Lol site A portfolio site, made using the latest technologies. In the construction of the site, the React.js library was used with the Next.js framewo
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
Minimal yet Pro Writer 🚀
Pro Writer Dev Note Welcome to Pro Writer 🚀 First of all, Thanks for using Pro Writer 💛 You can see letter count, word count, line count, and text m
Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler
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://
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
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source and free forever. Try it out today!
A free and open source resume builder. Go to App What is this app all about? Reactive Resume is a free and open source resume builder that’s built to
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.
Ember-cli addon for using Bootstrap as native Ember components.
ember-bootstrap An ember-cli addon for using Bootstrap 4 und 5 in Ember applications. The addon includes the Bootstrap CSS (or Sass, Less) in your pro
Rich components for Ember.js framework.
Ember Components Ember Components is a comprehensive set of rich web components written purely in Ember.js that let you create an astonishing UI for a
An Ember CLI Addon that provides a variety of UI components.
We use https://waffle.io/softlayer/sl-ember-components to work our issues. What sl-ember-components is An Ember CLI Addon that provides UI components
Lightweight web components library built with LitElement.
Aybolit Aybolit is a lightweight, standards-based, framework agnostic UI components library built with LitElement. Aybolit is a fictional character fr
High-quality, customizable web components for common user interface patterns
Elix is a community-driven collection of high-quality web components for common user interface patterns. Most applications make use of common, general
Material Design Web Components
Material Web IMPORTANT: Material Web is a work in progress and subject to major changes until 1.0 release. Material Web is Google’s UI toolkit for bui
Material Design implemented in Web Components (Custom Elements v1)
Material Web Components Material Design implemented in Web Components (Custom Elements v1) https://dannymoerkerke.github.io/material-webcomponents/ Ge
Listing of accessible components & patterns
Accessible Components I've built a good handful of accessible markup patterns and widgets at this point. Each is based on testing with users, UX and d
AppRun is a JavaScript library for developing high-performance and reliable web applications using the elm inspired architecture, events and components.
AppRun AppRun is a JavaScript library for building reliable, high-performance web applications using the Elm-inspired architecture, events, and compon
Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
Atomico simplifies learning, workflow and maintenance when creating webcomponents. Scalable and reusable interfaces: with Atomico the code is simpler
Builds components using a simple and explicit API around virtual-dom
Etch is a library for writing HTML-based user interface components that provides the convenience of a virtual DOM, while at the same time striving to
A modular front-end framework - inspired by the server-side and Web Components.
The NX framework Home page, Docs NX is a modular front-end framework - built with ES6 and Web Components. The building blocks of NX are the core, the
Web Components engine based on JSX & TypeScript
WebCell Web Components engine based on JSX & TypeScript Usage Demo & GitHub template: https://web-cell.dev/scaffold/ Project bootstrap Command npm ini
LuLu UI for PC web
追本溯源,穿越沉浮 LuLu UI LuLu UI 是阅文集团荣誉出品的前端 UI 组件库。 形象气质如下图,更柔软,更亲近,同时简单灵活,对用户侧非常友好,非常适合面向外部用户的 PC 网站,或者需要轻量与敏捷的项目。 文档 LuLu UI API 中文文档(GitHub托管,访问有延迟) LuL
Metro 4 Components Library
Impressive component library for expressive web development! Build responsive projects on the web with the first front-end component library in Metro Style. And now there are even more opportunities every day!
🎞 @videojs component for @vuejs
Vue-Video-Player video.js player component for Vue. 适用于 Vue 的 video.js 播放器组件。 Example Demo Page CDN Example nuxt.js/ssr example code More Example Code
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator
Animator Core is the runtime and rendering engine for Haiku Animator and the components you create with Animator. This engine is a dependency for any Haiku Animator components that are run on the web.
✨ Elegant portfolio template built on NextJS and Tailwind.
Obsidian ✨ Obsidian is a minimal and lightweight portfolio template built on NextJS and TailwindCSS. ✨ Setup Install the dependencies Edit content Cha
Minimal Typescript / NextJS dApp template bootstrapped with wagmi Ethereum react hooks library.
Welcome to the NextJS wagmi starter template 👋 Looking to get up and running with a Typescript / NextJS dApp as quickly as possible? You're in the ri
Boilerplate de projeto nextjs, com Styled Components e Typescript
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
Explore movies, tv shows. Built with Next.js, Tailwind CSS, Redux, Firebase, TypeScript, TMDB v3 API.
This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://
This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSea API.
Abstract Collections This Project is made with HTML5, CSS3, ReactJS, Axios, MetaMask, thirdweb, Rinkeby Test Network, Web 3.0 Technologies, and OpenSe
This is a TailwindCSS, Next.js, medusa starter template
This is a TailwindCSS, Next.js, medusa starter template. Feel free to use it, fork it and star it 🥳🙌
A TailwindCSS variant for class-based dark mode with CSS Modules.
A TailwindCSS variant for class-based dark mode with Svelte's scoped stylesheets and CSS modules. If you've ever tried to use TailwindCSS dark mode wi
🚀 A web extension starter built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome, Mozilla Firefox, Microsoft Edge, Brave, and Opera..
Web Extension Starter A web extension starter, built with React, Typescript, and Tailwind CSS. Build once, and run on multiple browsers: Google Chrome
Rede social baseada no ShareMe para compartilhamento e download de fotos em React,Sanity.io e TailWindCSS
Photophan 📄 Descrição phothopan é uma rede social para o compartilhamento e download de imagens,foi desenvolvida utilizando React(Frontend),Sanity(Ba
📓 The UI component explorer. Develop, document, & test React, Vue, Angular, Web Components, Ember, Svelte & more!
Build bulletproof UI components faster Storybook is a development environment for UI components. It allows you to browse a component library, view the
Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data.
Synchro Charts Synchro Charts is a front-end component library that provides a collection of components to visualize time-series data. You can learn m
React components for Chart.js, the most popular charting library
react-chartjs-2 React components for Chart.js, the most popular charting library. Supports Chart.js v3 and v2. Quickstart • Docs • Slack • Stack Overf
Components and tools for building DeFi dapps on Solana + Anchor. Public domain license.
Solana DeFi Framework Components and tools for building DeFi dapps on Solana + Anchor. Public domain license. Status Pre-pre-pre-alpha. Contributing A
Simple and customizable React UI components.
poem-ui Simple and customizable React UI components. Some components use third-party plug-ins to improve the interaction. You can remove third-party p
A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed
tailwindcsscli A CLI for generating starter files for different JS frameworks with tailwindCSS pre-installed Installation To install the CLI, run the
Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal.
Tiny UI Toggle Toggle the state of a UI element to easily create components e.g. collapse, accordion, tabs, dropdown, dialog/modal. Demo and documenta
Shoelace - A collection of professionally designed, every day UI components built on a framework-agnostic technology. 🥾
Shoelace A forward-thinking library of web components. Works with all frameworks 🧩 Works with CDNs 🚛 Fully customizable with CSS 🎨 Includes an offi
Vue-hero-icons - A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/heroicons, as Vue 2 functional components.
vue-hero-icons For Vue3, install the official package @heroicons/vue A set of free MIT-licensed high-quality SVG icons, sourced from @tailwindlabs/her
Vue-cursor-fx - 🖱 An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible
🎉 Vue Cursor Fx An animated custom cursor effects for interactive elements like navigation - w/ VueJS - SSR Compatible Installation This package is a
Inventory App - a SPA project developed with Angular using Reactive Forms and VMware's Clarity components.
Inventory App - a SPA (Single Page Application) project developed with Angular using Reactive Forms and VMware's Clarity components.
My-portfolio - Built with Namecheap, Digital Ocean, Nginx, PM2, SSL, NextJs, Tailwind 3, Graphql, NexusJS, Prisma, Postgres, Passion and Love
Current Implementation technologies Nextjs with Typescript. Static pages/ Server side rendering. Easy peasy state management (Might not need it with i