453 Repositories
JavaScript tailwind-components Libraries
A server side rendering framework for Deno CLI and Deploy. 🦟 🦕
nat A server side rendering framework for Deno CLI and Deploy. Incorporating acorn, nano-jsx, and twind, it provides the tooling to provide a server c
Auto-import components in Astro projects
Astro Auto Import 🔗 Looking for the main package? Jump to astro-auto-import → 🚀 Project Structure This project uses workspaces to develop a single p
This is a custom recipe app called chefMaster. which contains a lot of interesting such as many apis requests, filter, search , add posts. Property design
In the project directory, you can run: npm start Runs the app in the development mode. Open http://localhost:3000 to view it in the browser. The page
17ᵗʰ Project developed as assessment practice during Driven's Full Stack Develpment course
Linkr | Front end WIP Full Stack Development Project Browse JSX code» - Back end code» Built With Study Playlist In this section I included all Youtub
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
Macaron is an open-source design tool to visually create Web Components, which can be used in most Web frameworks, or in vanilla HTML/JavaScript
ModeSens is your digital shopping assistant for the smart and informed.
ModeSens is your digital shopping assistant for the smart and informed. Established in 2015, ModeSens is led by a team of industry experts who developed a solution to the disconnected and crowded online shopping experience. Product information was scattered, and shopping required too much research to make an informed purchase.
A set of children-first components
Children-First Components This library is currently a work-in-progress to build the React components found in this talk (https://www.youtube.com/watch
Template for building SolidJS web application with Tailwind CSS faster!
Hardtail Template for building SolidJS web application with Tailwind CSS faster! Setup First you could clone or fork this project or repository to you
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.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework. Why use Preline UI? Based on the Tailwin
A Gatsby-based starter theme with e-commerce styled components
This beautiful theme from the Matter Design Team gives you the styling and scaffolding for your next e-commerce site. You can customize to your heart'
Public components for krtech-ui. (shorname is KUI)
React Library Template (TypeScript) Instantly create TypeScript-based React Component Library with this open-source template repo. Get Started To use
Zero runtime type-safe CSS in the same file as components
macaron comptime-css is now called macaron! macaron is a zero-runtime and type-safe CSS-in-JS library made with performance in mind Powered by vanilla
Website Senar.ai
Remix + Deno Welcome to the Deno template for Remix! 🦕 For more, check out the Remix docs. Install npx create-remix@latest --template deno Managing d
Remix+EdgeDB+Tailwind+Fly.io=🖤
Remix Chop Suey Stack Forked from Supa Fly Stack. Learn more about Remix Stacks. Quickstart npx create-remix --template jkcorrea/remix-chop-suey-stack
Based on vitawind, kowind brings ESLint plugin and some other plugins to it that help you to format your code quickly and efficiently.
🐦 KOWIND v3 🐦 Vite helper based on vitawind 🧰 Easy To Install ⚡️ Automatically open Tailwind JIT Mode ⚙ One-Command Setting 🚀 Automatically config
🗂 Universal Media Library as a web component.
Kondonizer Kondonizer is a custom element (a native HTML tag) that can be integrated in any frontend code. It displays a media library based on a Medi
Lit + File Based Routing + Nested Layouts
Lit File Based Routing Lit router for nested layouts and file based routing. Similar to https://remix.run/ but at client side. Demo Package Archived i
A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more.
This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of this is taught in this course. What is inside? This project uses lot of
Document Typescript React components with TSDoc and export Storybook-friendly JSON 🤖
✨ Document React components with @prop ✨ react-tsdoc 🤖 react-tsdoc is an tool to extract information from React Typescript component files with TSDoc
Bionic ReadingTool - Convert Text into Better Way to Read Faster
📓 Bionic ReadingTool A revolutionary way for guiding the eyes through text using artificial fixation spots to make reading easier. As a result, the r
Web app to search,get, watch animes (built with Nextjs, Tailwind)
Animeinfo An anime discovery, made with NextJs and TailwindCSS. Please deploy your own version of the site, by following the instructions. Please foll
This is a web app built to reserve hotel rooms all around the globe.
Microvago This is a web app built to reserve hotel rooms all around the globe. Live Demo 📱 To see this project's live demo, please click here. ⚠️ Not
tooldb is a (soon) massive collection of frameworks and tools. It's build on Flowbite, Next.js, Tailwind CSS and uses Supabase.
tooldb is a (soon) massive collection of frameworks and tools. It's build on Flowbite, Next.js, Tailwind CSS and uses Supabase.
⏪ Rewinds – Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more
⏪ Rewinds – Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries. This is an example demo to combine the
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
Remix + Cloudflare Workers + Wrangler2 + Tailwind + ESLint + Prettier + Vitest + Playwright
Welcome to Remix! Remix Docs Development You will be running two processes during development: The Miniflare server (miniflare is a local environment
Next.js and Tailwind.css with TypeScript Templete.
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 social network where you can share posts, view your profile metrics and follow other users.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Simple components showing differences in each major frontend web framework.
Web Frameworks A collection of simple components in each of the leading frontend web frameworks. So far, covering React, Vue, Angular, Svelte and Soli
🌐 Website of NFTank
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 modern and fashion-forward retail portal.
Atelier Atelier is an ecommerce product detail page built for a fictional clothing company as an exercise in front-end development. It contains three
An enterprise-class React UI components library
KDesign of React KDesign of React 是基于金蝶的企业级设计系统KDesign 实现的一套React UI组件库,主要用于企业级系统的构建。 特性 提供开箱即用的 丰富的企业级 React UI 组件。 使用 TypeScript 开发,提供完整的类型定义文件。 组件全
Starter kit with Next.js, Chakra-UI, Framer-Motion in Typescript. Internationalization, SEO, Components, Theme (dark/light) and more...
Typescript Next.js Chakra-UI Framer-Motion Starter Kit Start with a powerful template ⚡️ Table of contents Getting started Paths & Files Useful depend
A package of small but beautiful React components from the planet, Pluto. 🔵 Get minimal components for your React based applications 😍
React Pluto Component Design System + UI Kit A package of small but beautiful React components from the planet Pluto. To install the latest version, r
A utility-first universal design system - powered by Tailwind CSS
tailwindcss-react-native tailwindcss-react-native uses Tailwind CSS as universal design system for all React Native platforms. It lets you share code
A robust form library for Lit that enriches input components with easy-to-use data validation features.
EliteForms A robust form library for Lit that enriches input components with easy-to-use data validation features. Installation npm install elite-form
Simple starter for SvelteKit with Tailwind CSS already set up and ready to go.
Get Started Simple Sveltekit boilerplate with Tailwind CSS already set up. Just run npm install to download the dependencies. Info I use Tailwind in p
Use macro-based Nunjucks components with Eleventy and Storybook.
eleventy-nunjucks-storybook Use macro-based Nunjucks components with Eleventy and Storybook. Links See Using Storybook with Nunjucks components in Ele
React Native Boilerplate - The Boilerplate contains all the basic packages, common components and, prebuilt code architecture
The Boilerplate contains all the basic packages, common components and, prebuilt code architecture. It will save developer's project setup time.
A-Frame components for smooth locomotion and snap turning
A-Frame locomotion A collection of A-Frame components, systems and primitives that enable all sorts of locomotion in VR. It't built to be modular, fle
✨ View all of your GitHub stats and compare your stats with friends, made using nextjs and tailwind.
Octotastic All of your GitHub Stats in one place. Features: View your own stats or any other user's stats. View advanced stats using graphs and charts
Set of react components based on styled-components
React to styled Links Documentation Contributing Ask question or give feedback Packages @react-to-styled/components – all components in one package @r
Omnichannel Live Chat Widget UI Components offers a re-usable component-based library to help create a custom chat widget that can be connected to the Dynamics 365 Customer Service experience.
Omnichannel Live Chat Widget UI Components @microsoft/omnichannel-chat-widget is a React-based UI component library which allows you to build your own
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
The UI for staking NFTs on Solana. Cardinal staking UI can be treated as an admin interface for stake pools hosted by cardinal-staking as well as a barebones end-user staking UI
Cardinal Staking UI This repository hosts the UI inteface that powers https://stake.cardinal.so for staking NFTs on Solana. Use this repo to create an
A component library based on Material Design 3 & Web Components
material-web-entity Material Web Entity A component library based on Material Design & Web Components Go to link to see what components this library s
NGX-YOUI is a Highly customizable library of Angular UI components for content and styles
NGX-YOUI NGX-YOUI is an Angular UI Library that can be highly customized with content and styles. You can easily integrate with other CSS frameworks a
SUID is all a set of utils and components ported from MUI Core and much more.
Solid.js User Interface Design (SUID) A port of Material-UI (MUI) built with Solid.js SUID is all a set of utils and components ported from MUI Core a
Collection of job openings from Indonesian remote-friendly companies
id-wfa 🇮🇩 This project scrapes job openings from Indonesian companies that have publicly announced that they provide WFA (work-from-anywhere) perks
⚡ Personal website and blog made using TypeScript, Next.js, Tailwind CSS.
小康 blog View Demo · Report Bug · Request Feature 🌍 honghong.me Framework: Next.js Database: Planetscale ORM: Prisma Authentication: NextAuth.js Deplo
🏝 Opinionated Web Components Starter template to help kick-start development of a cross-framework component library.
Web Component Library Starter Kit "Why create components for a specific framework when it can be written to be understood by all — including browsers?
⚡ Pcode lets you create and share beautiful images 🎉 of your source code 🚀
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: ya
A default Next.js project with boilerplate packages and configurations. Includes Tailwind, TypeScript (strict), ESLint, Prettier, and Husky.
Yet another Next.js project template This template includes a set of our favorite dev tools scaffolded into a Next.js project. Tools include: TypeScri
Twitter clone using Nextjs, Tailwind CSS and Firebase
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 repo conatain all the template of Dev.UI
Dev.Ui Templates This repo conatain all the template of Dev.Ui 🛠 Development Clone the repository git clone https://github.com/kumard3/dev-ui-templat
⚡ A multipurpose meme marketplace and editor for creating, downloading and sharing memes with a ready to use API powered by Hasura GraphQL
Rocketmeme A multipurpose meme marketplace and editor for creating and downloading memes. View meme collection, browse different meme categories, like
Tip Tweet is a hybrid dApp that provides a simple way to tip a tweet using Ethereum. Authors can claim their tips using their Twitter account. You only need the tweet URL to tip. 🚀 😎
Tip Tweet Table of Contents About Folder Structure Contract Deveopment Starting the App Usage Contributing About Tip Tweet is hybrid dApp that allows
NiftyKit's Web Components Collection
NiftyKit Web Components NiftyKit's Web Components Collection Installation Install via npm npm install @niftykit/components Import via CDN script type
React components for the Infima styling framework.
React Infima React Infima provides React components for the Infima styling framework. It doesn't add any new features to Infima, it just ports the com
Adds a handy $parent magic property to your Alpine components.
✨ Help support the maintenance of this package by sponsoring me. Alpine $parent Access parent components using a handy $parent magic variable. This pa
template with nextts, eslint&prettier, husky&lint-staged, tailwindcss&styled-components
Setup npm i Use VSCode, make sure the recommended eslint and prettier plugins are installed. Automatic linting should occur when you save! npx husky i
💻 My personal page to show my skills
What is inside? ReactJS TypeScript Styled Components Jest React Testing Library Eslint Prettier Husky Getting Started Install dependencies: yarn or np
Intelligent Tailwind CSS tooling for coc.nvim
coc-tailwindcss3 fork from a vscode-tailwindcss Intelligent Tailwind CSS tooling for coc.nvim. Motivation There are two coc.nvim extensions to "tailwi
NextJS BoilerPlate for Alpha version(Next.js + Styled Components + Customization + Theme)
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://
🌓 Add dark mode/night mode custom elements to your website.
dark-mode A custom element that allows you to easily put a Dark Mode 🌒 toggle. so you can initially adhere to your users' preferences according to pr
Admin UI Template is a modern, responsive, and customizable admin UI template for your business.
Admin UI Template is a modern, responsive, and customizable admin UI template for your business. It contains reusable components, theme color, and design support along with dark theme support.
A Tailwind plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and all variations.
Tailwind Labeled Groups A plugin that allows to create multiple groups utilities such as group-card or group-1 and works with Tailwind 3 features and
Mini Social Media App with a liitle bit of facebook components (Still Developing)
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
A Tailwind CSS preset that replaces rem with px.
tailwind-pixel-perfect-preset A Tailwind CSS preset that replaces rem with px. Install npm install --save-dev @rise8/tailwind-pixel-perfect-preset # o
A NextJS + TailwindCSS 3 Dashboard Admin For Laravel Breeze
Windmill with Laravel Breeze as Backend API Introduction This repository is an implementing of the Laravel Breeze application / authentication starter
Clarity Angular is a scalable, accessible, customizable, open-source design system built for Angular.
Getting Started Clarity Angular is published as two npm packages: Contains the static styles for building HTML components. Contains the Angular compon
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 CLI tool to quickly generate Next.js components
🦄 nextrate A CLI tool for quickly generating Next.js components. ✨ Features Automatically add the file type to the component name using the folder na
Next.js + Tailwind + Typescript + Prisma + NextAuth starter project
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 library is a template to generate new angular component libraries.
Open Template Hub - UI Library Template v1 This library is a template to generate new angular component libraries. About the NPM Package Package Insta
Svelte debugging tool for re-rendering components
resvelte README This is the README for your extension "resvelte". After writing up a brief description, we recommend including the following sections.
"Space Travelers' Hub" This project will lay foundations for your understanding the new features for Redux, using slice reducer and API requires with createAsyncThunk
Space Travelers' Hub Space Travelers' Hub React - Redux "Space Travelers' Hub" This project will lay foundations for your understand new features for
Fullstack Turborepo starter. Typescript, Nestjs, Nextjs, Tailwind, Prisma, Github Actions, Docker, And Reverse proxy configured
Turborepo (NestJS + Prisma + NextJS + Tailwind + Typescript + Jest) Starter This is fullstack turborepo starter. It comes with the following features.
My personal website built with Next.js, TypeScript, twin.macro, Framer Motion, MDX and deployed on Vercel.
chrvaskos.com My personal website / blog built with some of my favorite technologies where I can showcase my work and write articles about anything ne
Remix starter kit with Tailwind CSS family of libraries: Headless UI, Radix UI, VechaiUI, daisyUI, and more
Remix Tailwind Starter Kit Remix starter kit with Tailwind CSS v3 family of libraries. Example demo to combine the best Tailwind-related ecosystem suc
Google Clone using NEXT JS ,SSR, Tailwind and Google API's to search data.
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 well-structured boilerplate and Starter for Next.js 12+, Tailwind CSS 3, Redux, Redux Thunk, and TypeScript
🚀 A well-structured boilerplate and Starter for Next.js 12+, Tailwind CSS 3, Redux, Redux Thunk, and TypeScript ⚡️ Made with developer experience first ESLint + Prettier + Lint-Staged + VSCode setup
A plugin that uses multiple block, Tailwind and is fully integrated into the standard build process
Tailwind CSS Custom Block Plugin This repo leverages the @wordpress/scripts package and it's ability to use PostCSS to introduce TailwindCSS to the bu
Integrate Tailwind with the @wordpress/create-block script.
Tailwind Blocks Example plugin demonstrating how to integrate Tailwind with the @wordpress/create-block script. The plugin was scaffolded using @wordp
Template of yew project, using tailwind and webpack for css, trunk for build and serve, deployable as is for github.io
Yew Template for Github.io Yew template that deployable as is for github.io (or as a normal yew template with css/scss stuffs without github.io), with
📜 A tiny custom element for all your scrollytelling needs!
scroll-scene element A tiny custom element for all your scrollytelling needs! The successor to @newswire/scroller. Key features 🐜 Less than 700 byt
Kick off your project with this recipe boilerplate
Gatsby starter for recipes with Flotiq source Kick off your project with this recipe boilerplate. This starter ships with the main Gatsby configuratio
A modern, clean design can be customized and applied for a wide range of purposes
Gatsby starter for projects portfolio with Flotiq source Kick off your project with this hello-world boilerplate. This starter ships with the main Gat
A recreation of a startpage posted on Reddit without the source, so I rewrote it in Next.js + Tailwind for the open source community.
Startpage "Figma Balls" Rewrite Why Did I Make This I saw a startpage posted on the subreddit r/startpages that I thought looked nice, but when I look
Full stack NFT marketplace built with Polygon, Solidity, IPFS, Web3, Ether, Tailwind & Next.js
Full stack NFT marketplace built with Polygon, Solidity, IPFS, Web3, Ether, Tailwind & Next.js This is a full stack project with both frontend and bac
Custom HTML elements for generic components (dropdown, modal...) without style.
Headless elements The goal of this project is to create a library of Custom Elements to stop reinventing the wheel (starting by reinventing the wheel
Realtime.js - a fast frontend framework based on Web-Components.
Realtime.js is a fast frontend framework based on Web-Components and Proxies. It has a lot of features to simplify your way of live as a vanillajs developer. The framework is programmed in such a way, that you can edit it yourself if you need additional features.
Twitter-Clone (For Learning Purpose) made with Next.js,Firebase,TailwindCss
Project Name : Twitter-Clone This is a clone of Twitter . This build is for learning purpose only. Technology Used To Build This How it look's Some im
This example shows how to use Tailwind CSS (v3.0) with Next.js
This example shows how to use Tailwind CSS (v3.0) with Next.js. It follows the steps outlined in the official Tailwind docs.
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
Formily + SemiDesign: The Awesome Components Library with Formily & Semi
A highly opinionated and complete starter for Next.js projects ready to production
The aim for this starter is to give you a starting point with everything ready to work and launch to production. Web Vitals with 100% by default. Folder structure ready. Tooling ready. SEO ready. SSR ready.
Get started on Remix with TypeScript and Tailwind CSS in seconds
remix-typescript-tailwind-quickstart Get started on Remix with TypeScript and Tailwind CSS in seconds. This is an example setup of Remix building on t
✨ Dramaland: Um portal de notícias, resenhas e opinião do mundo da dramaturgia coreana
Tabela de Conteúdo Tabela de Conteúdo Sobre o Projeto Feito Com Contribuição Licença Contato Sobre o Projeto Dramaland é um portal de notícias, resenh