453 Repositories
JavaScript tailwind-components Libraries
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
NetflixClone - Netflix clone with react , styled components and firebase with user authentication.........
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Hacker-news-with-react - ๐พ Consuming the hacker news api, i created a more modern design for than the current site.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
LinkedIn-Clone - a LinkedIn clone with firebase, redux and styled components
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
Turborepo with Tailwind CSS setup for shared ui components.
Turborepo starter This is an official Yarn v1 starter turborepo. What's inside? This turborepo uses Yarn as a package manager. It includes the followi
This is a movie app created by next.js and tailwind css using imdb database.
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 is a movie app project using imdb database created by nextjs and tailwind css.
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://
Creating this clone to learn the fundamentals of Next Js and Tailwind CSS.
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles.
A highly impartial suite of React components that can be assembled by the consumer to create a carousel with almost no limits on DOM structure or CSS styles. If you're tired of fighting some other developer's CSS and DOM structure, this carousel is for you.
Build Instagram 2.0 with Next.js (Firebase v9, Tailwind CSS, NextAuth, Recoil) for the Education Purpose..
This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.
11ty, Tailwind 3, AlpineJS 3
11-TEA An 11ty starter with Tailwind 3, AlpineJS 3 Getting started It's pretty straightforward. Clone the repo - since you'll be turning this into you
React tooltip is a React.JS Component that brings usefull UX and UI information in selected elements of your website.
React Tooltip โ React tooltip is a React.JS Component that brings usefull UX and UI information in elements of your website. Installation โจ๏ธ React Too
Build Google 2.0 with Tailwind CSS & Next.js for Education Purpose..
Paradise of Creativity Parimal Nakrani This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server:
Personal developer portfolio written with NextJS and Tailwind CSS.
Developer Portfolio This is a Next.js, Tailwind CSS blogging starter template. Probably the most feature rich nextjs markdown blogging template out th
Spotify clone using Next.js, Spotify API, Tailwind, NextAuth, Recoil
Next.js + Tailwind CSS Example This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind
โฆ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS.
Crowdcoin โฆ Crowd funding project using Smart Contracts on the Ethereum. Created with Next.js and Tailwind CSS. Project from "Ethereum and Solidity: T
Add focal point alignment of images to your Alpine 3.x components with a custom directive.
Alpine Focal Add focal point alignment of images to your Alpine 3.x components with a custom directive. This package only supports Alpine v3.x. About
rede social inspirada no youTube para aprendizado na area da programaรงรฃo utilizando o react js juntamente com typescript
media for devs a rede social de videos para programadores link do projeto api repositorio projeto feito com o objetivo de exercitar minhas skills tant
Nextjs CRUD with React Context API and Tailwind CSS
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://
HTML CSS & React - Client side dynamic e-commerce website (stripe integrated)
Furniture E-Commerce Project Description React front-end full operating dynamic and responsive E-Commerce shop including payment connection (stripe) B
NextJS, TypeScript and Styled Components project boilerplate
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://
Migrating from ๐ ฐ๏ธ to โ๏ธ ? ๐ Use React components in Angular, and vice versa
ngx-react allows you to seamlessy use โ๏ธ React and ๐ ฐ๏ธ Angular components together. ๐ This package will be the a perfect match to migrate from Angula
official Alibaba Design system vue components snippets for visual studio code
Alibaba DLS Snippets for vscode Installation You can either install this extension by searching for Alibaba DLS Snippets in your vscode extensions sto
jCore - JavaScript library for building UI components
JavaScript library for building UI components
Aleph.js is a fullstack framework in Deno, inspired by Next.js.
Aleph.js is a fullstack framework in Deno, inspired by Next.js.
ๅบไบTaro v3ๅผๅ็ๅค็ซฏ็ปไปถๅบ
taro-qn-components ๅบไบ Taro ็ PC ๅค็ซฏ็ปไปถๅบ๏ผๆฏๆๅ็ Taro ็ๅ็้ฃๆ ผ็ปไปถๅบ๏ผUI ๅ่่ๆนไธๅ็ๅฐ็จๅบ็ UI ่ฎพ่ฎก ๅๅจๅ้ข๏ผ ๅบไบ Taro v3.2.5 ๅผๅ๏ผ 3.2.6~3.2.10 ๅจๅ็็ๆบ็ฏๅขไธ่ฝ่ฟ่กใ ็จ็คบไพๅผๅ็ปไปถ ๅฎ่ฃ ไพ่ต lerna bo
Solana blockchain candy machine app boilerplate on top of Metaplex Candy Machine. NextJS, Tailwind, Anchor, SolanaLabs.React, dev/mainnet automation scripts.
NFT Candy Factory NOTE: This repo will prob only work on unix-based environments. The NFT Candy Factory project is designed to let users fork, customi
This command line helps you create components, pages and even redux implementation for your react project
react-help-create This command line helps you create components, pages and even redux implementation for your react project. How to install it? To ins
Custom Elements Manifest is a file format that describes custom elements in your project.
@custom-elements-manifest Custom Elements Manifest is a file format that describes custom elements. This format will allow tooling and IDEs to give ri
Based on pure JS scripts, without relying on native, no need for react-native link, Title / Header / Tabs / Sticky / Screen components can be flexibly configured, among which Tabs / Sticky can slide When it reaches the top, it will be topped.
react-native-scrollable-tabview English | ็ฎไฝไธญๆ Based on pure JS scripts, without relying on native, no need for react-native link,Title / Header / Tab
โก๏ธ Set up Next.js Progressive Web App with `npx create-next-pwa`
โก๏ธ create-next-pwa A cross-platform Node.js based CLI tool that creates Progressive Web App (PWA) with Next.js. You can also integrate tailwind with t
Free Bootstrap 5 Admin and Dashboard Template that comes with all essential dashboard components, elements, charts, graph and application pages. Download now for free and use with personal or commercial projects.
PlainAdmin - Free Bootstrap 5 Dashboard Template PlainAdmin is a free and open-source Bootstrap 5 admin and dashboard template that comes with - all e
Tailwind CSS for HTML emails.
Mailwind Tailwind CSS for HTML emails. Tailwind makes it very easy to design websites, why not use it to design HTML emails? I've been using this at v
Web component server-side rendering
๐ Ocean Web component HTML rendering that includes: Rendering to Declarative Shadow DOM, requiring no JavaScript in the client. Automatic inclusion o
Work from is a web app created by Josh Cawthorne for the Supabase Hackathon.
Work From What is Work From? Work from is a web app created by Josh Cawthorne for the Supabase Hackathon. The concept of the app is for companies to b
CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. components.
Cortic Edge-computing Platform (CEP) CEP is a software platform designed for users that want to learn or rapidly prototype using standard A.I. compone
Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS.
React Table + Tailwind CSS = โค๏ธ Source code for my tutorial on how to build customizable table component with React Table and Tailwind CSS. Both parts
A forkable Next.js site w/ a blank custom Nextra theme (w/Tailwind)
Nextra Blank Custom Theme/Boilerplate Example A nearly blank MDX blog/content site powered by a custom Nextra theme (see components/layout.js) w/Tailw
Tailwind & Next Mentorship Template
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://
Carpatin is a React JS Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage the Material-UI power of stylizing the components in a way that feels more professional.
Carpatin Dashboard Free Carpatin is a React Js Admin Dashboard Template that focuses on the management flows of a back-office application. We leverage
Vue.js version of Moai. Official WIP.
Moai Vue UI Kit ๐ฟ A Vue component library, where buttons look like buttons. Website: vue.moaijs.com Document: docs.vue.moaijs.com Install The [@moai-
โจ Plan your future with Mandal-art โจ
โจ Plan your future with Mandal-art โจ ๐ Make my own Mandal-art Mandal-art is a word that combines'Manda+la' and'Art', which means'achieving the goal',
A ready-to-use project template to build custom elements (web components) with Svelte 3 with support and examples for web components, jest, sass, nested components with props, eslinting, stylelinting, Github actions, propagating custom events from shadow-DOM to real-DOM etc.
svelte-webcomponents If youโre using web-components or if you like the project, please โ this repository to show your support! ๐คฉ The world's most eas
Easily create css variables without the need for a css file!
Tailwind CSS Variables This plugin allows you to configure CSS variables in the tailwind.config.js Similar to the tailwindcss configurations you are u
Automatically detect and import components or modules
vite-plugin-autoimport Automatically detect and import components or modules. Motivation It's very common to have many components in one file as the p
BookAttic is an online bookstore made using the MERN stack.
BookAttic is an online bookstore made using the MERN stack. Link to the website. Table of contents General info Technologies Setup General info This p
Build modular projects with components in harmony.
Bit Bit is a tool for composing modern applications of independent components. It extends the benefits of micro-services to everything you build, fron
This is a facebook messenger clone.You can comminicate to other at realtime
๐ก facebook-messenger This is a facebook messenger clone.You can comminicate to other at realtime ๐ฌ โก LIVE To check out the live demo of this app ABO
Compose complex, data-driven visualizations from reusable charts and components with d3
d3.compose Compose rich, data-bound charts from charts (like Lines and Bars) and components (like Axis, Title, and Legend) with d3 and d3.chart. Advan
Cross-platform project template using Electron and Angular with the Phaser game engine. Project has Flexbox integrated for easy and responsive organization of components around the Phaser canvas.
Coher3nTS Project This is an Angular project template with Phaser nested inside, set up to run with Electron. Cross-Platform & Responsive The template
Catberry is an isomorphic framework for building universal front-end apps using components, Flux architecture and progressive rendering.
Catberry What the cat is that? Catberry was developed to help create "isomorphic/Universal" Web applications. Long story short, isomorphic/universal a
The React Framework
Next.js Getting Started Visit https://nextjs.org/learn to get started with Next.js. Documentation Visit https://nextjs.org/docs to view the full docum
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
700+ Pure CSS, SVG & Figma UI Icons Available in SVG Sprite, styled-components, NPM & API
โ๏ธ Add a live frosted glass blur effect over any type of web content, including text.
Frosted Glass โ๏ธ Add a live frosted glass blur effect over any type of web content, including text. ๏ธ๏ธ Demos Install npm install frosted-glass --save
๐ Here I've aggregated some of the most commonly used web-page templates made using Bootstrap4 ๐
Web-page component templates using bootstrap4 Here are some of the most common web-page templates made using bootstrap4 Login page Create-Account or S
Startup Landing Page Components for React.js
neal-react neal-react is a collection of reactjs components to quickly build landing pages. I found that using hosted services like Launchrock doesn't
Tailwind CSS Starter Template - Landing Page
Tailwind Toolbox - Landing Page Template Landing Page is an open source, generic landing page template for Tailwind CSS created by Tailwind Toolbox. G
Vuejs 2 components for interacting with mapbox-gl-js
VueMapbox Combine powers of Vue.js and Mapbox Gl JS Vue-mapbox is wrapper around Mapbox GL JS library that provides vueish-way to interact with the ma
Vue 2 components for Leaflet maps
Vue2Leaflet Vue2Leaflet is a JavaScript library for the Vue framework that wraps Leaflet making it easy to create reactive maps. How to install npm in
React components for Leaflet maps
React Leaflet React components for Leaflet maps. Documentation Getting started API reference Changes See the CHANGELOG file. Contributing See the CONT
๐๐ A readable, automated, and optimized (5 kb) internationalization for JavaScript
Linguijs ๐ ๐ A readable, automated, and optimized (5 kb) internationalization for JavaScript Documentation ยท Documentation 2.x ยท Quickstart ยท Exampl
A built-time CSS library for styling React components.
Stylin Stylin is a build-time CSS library that offers an elegant way to style React components. It extends CSS Modules and adds some missing features
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress ๐ Looking for v5? The master branch is un
JSS is an authoring tool for CSS which uses JavaScript as a host language.
JSS A lib for generating Style Sheets with JavaScript. For documentation see our docs. Backers Support us with a monthly donation and help us continue
[ON HOLD] Living Style Guides Engine and Maintenance Environment for Front-end Components. Core repository.
[ON HOLD] SourceJS - Living Style Guide Platform The project been stale for a while and currently is in the [ON HOLD] state until we find new maintain
Fluent UI web represents a collection of utilities, React components, and web components for building web applications.
Fluent UI Web ๐ ๐ ๐ Version 8 of @fluentui/react is now available on npm! ๐ ๐ ๐ See the release notes for more info, and please file an issue if
A web video player built for the HTML5 world using React library.
video-react Video.React is a web video player built from the ground up for an HTML5 world using React library. Installation Install video-react and pe
The epic event-driven, front-end only, reactive JavaScript framework with functionality in one-liner CSS. Over 100 incredible CSS commands for DOM manipulation, ajax, reactive variables, single-page application routing, and lots more. Could CSS be the JavaScript framework of the future?
Active CSS Power-up your CSS with actions! Is the CSS of the future a full-on programming language? Active CSS is a JavaScript plugin that adds event-
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
Lightweight UI components for Vue.js based on Bulma
Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid
๐ Material Component Framework for Vue
Supporting Vuetify Vuetify is a MIT licensed project that is developed and maintained full-time by John Leider and Heather Leider; with support from t
Plain functions for a more functional Deku approach to creating stateless React components, with functional goodies such as compose, memoize, etc... for free.
"Keo" is the Vietnamese translation for glue. Plain functions for a more functional Deku approach to creating stateless React components, with functio
A collection of awesome derby components
Awesome Derby ============= A collection of awesome derby components Awesome Derby Information Components Information derby - MVC framework making it
โ๏ธ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.
Fast 3kB alternative to React with the same modern API. All the power of Virtual DOM components, without the overhead: Familiar React API & patterns:
A declarative, HTML-based language that makes building web apps fun
A declarative, HTML-based language that makes building web apps fun ๐ฅ Docs โ Try Online โ Contribute โ Get Support Intro Marko is HTML re-imagined as
Beautiful JavaScript notifications with Web Notifications support.
v4: v5: A JavaScript/TypeScript notification, confirmation, and prompt library. Notifications can display as toast style, snackbar style, banners, dia
๐ DataFormsJS ๐ A minimal JavaScript Framework and standalone React and Web Components for rapid development of high quality websites and single page applications.
๐ Welcome to DataFormsJS! Thanks for visiting! ๐ ๐ ๐ ๐ ๐ ๐ ไธญๆ (็ฎไฝ) ๆฌข่ฟๆฅๅฐ DataFormsJS Espaรฑol Bienvenido a DataFormsJS Portuguรชs (do Brasil) Bem
Components for interactive scientific writing, reactive documents and explorable explanations.
@curvenote/article The goal of @curvenote/article is to provide web-components for interactive scientific writing, reactive documents and explorable e
:fire: A highly scalable, offline-first foundation with the best developer experience and a focus on performance and best practices.
Start your next react project in seconds A highly scalable, offline-first foundation with the best DX and a focus on performance and best practices Cr
jSuites is a collection of lightweight common required javascript web components. It is composed of fully responsive vanilla plugins to help you bring the best user experience to your projects, independent of the platform. Same JS codebase across different platforms.
jSuites v4 - Webcomponents and JavaScript plugins. About jSuites is a collection of lightweight common required javascript web components. It is compo
๐ A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
downshift ๐ Primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components. Read the docs | See
tsParticles - Easily create highly customizable particles animations and use them as animated backgrounds for your website. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Inferno.
tsParticles - TypeScript Particles A lightweight TypeScript library for creating particles. Dependency free (*) and browser ready! Particles.js conver
Created from react styleguidist for Vue Components with a living style guide
Isolated Vue component development environment with a living style guide Start documenting now on codesandbox.io Sponsors A big thank you to our spons
:fire::fire::fire: ๅผบๅคง็ๅจๆ่กจๅ็ๆๅจ|form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions through JSON.
form-create form-create is a form generation component that can generate dynamic rendering, data collection, verification and submission functions thr
Manage HTML metadata in Vue.js components with SSR support
โ๏ธ ๐ฅ Check the next branch for Vue3 support Manage HTML metadata in Vue.js components with SSR support template ... /template script expor
A lightweight Vue.js UI library with a simple API, inspired by Google's Material Design.
Keen UI Keen UI is a Vue.js UI library with a simple API, inspired by Google's Material Design. Keen UI is not a CSS framework. Therefore, it doesn't
New Framework Components for Vue.js 2
Supporting through Patreon Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this
Completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Headless UI A set of completely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS. Packages Name Version D
Free and Beautiful Vue.js Admin Template
Weโre working on Vuestic UI component library, which lets you easily customize components to your own design. Get early access and receive support fro
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.
Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We
Lightweight UI components for Vue.js based on Bulma
Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. Features Keep your current Bulma theme / va
:large_orange_diamond: A fantastic mobile ui lib implement by Vue
cube-ui A fantastic mobile ui lib implement by Vue. Links Home Docs Example Application Guide Communication New cube-ui project ? Recommend use the CL
BootstrapVue provides one of the most comprehensive implementations of Bootstrap v4 for Vue.js. With extensive and automated WAI-ARIA accessibility markup.
With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive impl
๐ An enterprise-class UI components based on Ant Design and Vue. ๐
Ant Design Vue An enterprise-class UI components based on Ant Design and Vue. English | ็ฎไฝไธญๆ Features An enterprise-class UI design system for desktop
Mobile UI elements for Vue.js
Mint UI Mobile UI elements for Vue 2.0 Homepage Documentation Installation npm i mint-ui -S # for Vue 1.x npm i mint-ui@1 -S Usage Import all compone
Lightweight Mobile UI Components built on Vue
Vant Mobile UI Components built on Vue ๐ฅ ๆๆกฃ็ฝ็ซ๏ผๅฝๅ ๏ผ ๐ ๆๆกฃ็ฝ็ซ๏ผGitHub๏ผ ๐จ๐ณ ไธญๆ็ไป็ป Features 65+ Reusable components 1kb Component average size (min+gzip) 9
Mobile UI Components based on Vue & WeUI
Be Cool with Vue@^2.3.0 and WeUI. Live Demo Sponsors ๆไปฌ็ไบงๅ Requirements ๆๆช้้ [email protected]๏ผ่ฏทๆณจๆใ vue@^2.3.0(for .sync modifier) webpack@^2.0 node@^7.6
Quasar Framework - Build high-performance VueJS user interfaces in record time
Quasar Framework Build high-performance VueJS user interfaces in record time: responsive Single Page Apps, SSR Apps, PWAs, Browser extensions, Hybrid