233 Repositories
JavaScript tailwind-floating-label-input Libraries
Shopify Landing (Open source landing page shopify application)
SHOPIFY Open source landing page shopify application Configuration and Setup Key Features Technologies used πΈ Screenshots Author License Configuratio
Automatic chart generator from user input using CharGPT.
Chart GPT A platorm for generate chart with ChatGPT π οΈ ChatGPT Generator is under development. Features Light/dark mode toggle Live previews Fullscre
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
NativeScript + Tailwind CSS + Angular Mobile Starter
NativeScript + Tailwind CSS + Angular Mobile Starter This repo is a small starting point for building a native iOS and Android app with Tailwind CSS,
My personal Website, where I share my blog and project. Build using Nextjs and Tailwind CSS
Personal Blog This is my portfolio website built with Next.js, Tailwind CSS and hosted with Vercel. Perfect Light House Score π Installation & Set Up
π My Website/Blog using Next.js, Tailwind CSS and Vercel (v3)
My Website made using Next.js, Tailwind CSS, and Vercel. Screenshots πΈ π Live at - https://arunava.tech Features π Next.js Tailwind CSS Vercel Dark
Cutting-edge Development Pushes for new Koders' Website
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 Masked Input Component based on Ant Design.
antd-input-mask A Masked Input Component based on Ant Design. Usage Example Contributing How to run PR template Issue template Developed by bem-te-vi
Recreating the Airbnb frontend with Vivid!
Airbnb Clone Building an Airbnb clone with Vivid - the in-browser styling editor that makes Tailwind CSS even faster. Hacktoberfest 2022! Getting Star
Tampermonkey script which adds the ability to add a user-defined label/tag/flair on a user, shown throughout Hacker News.
Hacker News User Tags Hacker News User Tags is a Tampermonkey userscript which allows the user to associate a custom coloured label/tag on usernames t
Sample project with: NextJS + Typescript + ReduxToolKit + Tailwind + Ethers
This is a Next.js project bootstrapped with create-next-app. Small app which shows last mined Blocks in real time on BSC and its transactions in backg
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://
The only developer portfolio template you'll ever need with modern UI/UX.
Personal Portfolio Deployed link: https://parthmittal.netlify.app/ Table of Contents π Tech Stack Implemented Sections Use as a theme Contributing In
Notion-powered blog starter with Nextjs and Tailwind
Nextjs Notion Blog Starter Default demo - Deployed from main branch Blog setup - I wrote an article on how to use this starter to start your blog My p
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
A pure CSS toggle switch for form input checkboxes
Toggle Switchy A pure CSS toggle switch for form input checkboxes Preview Installation CSS link rel="stylesheet" href="toggle-switchy.css" HTML lab
Bootstrap 5 spinner/loading/pending indicator for input, textarea and select
@tkrotoff/bootstrap-input-spinner Bootstrap 5 spinner/loading/pending indicator for input, textarea and select Example: https://codesandbox.io/s
An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon class in an input element.
Font Awesome Browser An easy-to-use jQuery plugin that allows the user to pick an icon from a responsive icon browser and shows the corresponding icon
A JavaScript plugin for entering and validating international telephone numbers
International Telephone Input A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, d
A light-weight user's step-by-step guide for your website using Vanilla JS.
WebTour JS A light-weight user's step-by-step guide for your website using Vanilla JS. Features User's walkthrough - can be used to guide user's to yo
A phone input component that uses intl-tel-input for Laravel Filament
Filament Phone Input This package provides a phone input component for Laravel Filament. It uses International Telephone Input to provide a dropdown o
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
π NextJS Template with Tailwindcss, Eslint, Prettier.
Next.js + Tailwind CSS Example By Pedromdsn Deploy your own Deploy the example using Vercel or preview live with StackBlitz How to use Execute create-
π A chips input designed for MUI (Material ui) V5
MUI chips input A chips input designed for the React library MUI Installation // with npm npm install mui-chips-input // with yarn yarn add mui-chips
Convert Tailwind CSS class names into their CSS3-equivalent styles βΒ right from Alfred.
alfred-tailwind2css Tailwind2CSS offers you the ability to convert TailwindCSS classes into their CSS3-equivalent styles -- right from within Alfred.
CodePlay is a Web App that helps the user to input HTML,CSS and JS code in the Code editors and display the resultant web page in real-time
CodePlay A codepen clone Setup Clone repository Create and go to the directory where you want to place the repository cd my-directory Clone the proj
A demo repository to play around with Vivid! Styled with Tailwind CSS
vivid-demo A demo repository to play around with Vivid! Mess around with a copy of our landing page to see how Vivid works! Learn more about Vivid at
Source code my personal website is written using Next.js, Tailwind CSS and Chakra UI
Homepage Overview. / Home page. pages/blog/[slug] - Static pages/social - Social page. pages/photos - Photos page. pages/activites - Activites page Di
Sort tailwind classes for each elements className list by a given order-config
eslint-plugin-tailwind-classname-order This eslint plugin automatically orders the tailwind classes included in the className tags from each element b
Beautiful UI-Range input component, highly customisable, based on CSS variables.
Beautiful UI-Range input component, highly customisable, based on CSS variables. including a floating output value, min & max values on the sides & ticks according to the steps
A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses
MeiMei - Multiple Email Input MeiMei: A simple easy to use vanilla JavaScript library for creating input fields that accept multiple email addresses.
jquery-input-mask-phone-number.js - A simple, easy jquery format phone number mask library
jquery-input-mask-phone-number A jQuery Plugin to make masks on input field to US phone format. Quick start 1. Add latest jQuery and jquery-input-mask
A Jquery plugin that allows user to enter multiple emails using one input field
multi-emails A Jquery plugin that allows user to enter multiple emails using one input field Usage $("...").multiEmails() Options color textColor font
Notion-powered blog starter with Nextjs and Tailwind
Nextjs Notion Blog Starter Default demo - Deployed from main branch Blog setup - I wrote an article on how to use this starter to start your blog My p
Swaps active audio input device in OBS upon twitch chat channel point redemption.
OBS-Mic-Swapper Shortcuts Set up Program Description Example of Functionality FAQ Contact Info Set up Create an account on Twitch for your bot Make su
SimpleProject is a web app that allows users to create projects and manage them in a Kanban board.
What is SimpleProject SimpleProject is a web app that allows users to create projects and manage them in a kanban board. SimpleProject was built with
Show floating sticky outline (table of contents) for Notion pages, powered by nbundle.
Notion Outline Show floating sticky outline (table of contents) for Notion pages, powered by nbundle. This is an nbundle-powered Notion app bootstrapp
Modern UI/UX HooBank
HooBank Get Started Installation Clone the repository git clone https://github.com/nour-aldin/modern_bank.git Navigate to repository directory $ cd mo
Re-building @BizTech-Morocco website using Next.js and Tailwind CSS.
BizTech UI Moroccan Community for Business And Technology. We believe in community; together we can learn more and build a tech product faster. Websit
Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes π©βπ
Tailwind CSS Group Classes Group together Tailwind CSS modifiers like focus, peer-checked, dark:hover and more with HTML attributes π©βπ Using with a
This is a dependency-free easy-to-use vanilla JavaScript addon allowing you to create HTML currency inputs with various different currencies and formattings.
intl-currency-input This is a dependency-free easy-to-use vanilla JavaScript addon allowing you to create HTML currency inputs with various different
Simple material-style text inputs
Material-style inputs for Bootstrap 4 View Codepen: ralphvk/pen/LXpomR Add material-style inputs to your project. Include Bootstrap and jQuery First,
Bootstrap 5 Floating Label
@tkrotoff/bootstrap-floating-label Floating label for Bootstrap 5 Example: https://codesandbox.io/s/github/tkrotoff/bootstrap-floating-label/tree/code
vanilla javascript input mask
imaskjs vanilla javascript input mask Features get and set raw and unmasked values easily no external dependencies supports overwrite mode supports we
Kaol Stack - Prisma, Expo, Next, TRPC, Solito, Tailwind - A monorepo template for a truly universal app
Kaol Stack π¦ About A monorepo with Prisma, Next.js, Expo, tRPC, Authentication and Solito setup and configured to work together. With this setup you
β‘οΈ Integrate Nuxt with Twind, The smallest, fastest, most feature complete tailwind-in-js solution in existence!
Nuxt Twind Module Integrate Nuxt with Twind, The smallest, fastest, most feature complete tailwind-in-js solution in existence! Warning π§ͺ This module
An experimental transpiler to bring tailwind macros to SWC π
stailwc (speedy tailwind compiler) This is an experimental SWC transpiler to bring compile time tailwind macros to SWC (and nextjs) a-la twin macro. T
End-to-end typed monorepo template for your next project β¨οΈ
TYPE β¨οΈ TRPC + Yarn Monorepo + Prisma + Expo This template project is a Yarn monorepo with full end-to-end type safety. Powered by: TRPC (on Fastify)
Bookworm is a minimal NextJs Tailwind blog starter template.
Bookworm Light Nextjs Blog Template ππ»View Live Preview Download Download this template from Github Installation After downloading the template, you
Next.js starter with TypeScript, Supabase and TailwindCSS
This project is a Next.js starter with: TypeScript Supabase TailwindCSS It is basically what is presented in the Supabase + Next.js quickstart, just w
Tool Cool Range Slider
Responsive range slider library written in typescript and using web component technologies. Pure JavaScript without additional dependencies. It has a rich set of settings, including a vertical slider, touch, mousewheel and keyboard support, local and session storage, and RTL support.
Unread-Messages.js is a lightweight library that lets a user add floating number notifications to any object.
Unread-Messages.js About Unread-Messages.js is a lightweight library that lets a user add mobile-like notification counter badge to any object with ju
UI slider control that magnifies the current value
jquery-rsSliderLens Renders a powerfull input range control. With minor differences, all browsers render an input type="range" / pretty much the sam
A Pure JavaScript Solution to create Tags Input Element.
JavaScript Tags Input Library Native JavaScript library to make Tags Input Element in DOM. There isn't any dependency for this library, add it straigh
π 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
πΌ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well with or without a framework.
file-upload-with-preview πΌ Simple file-upload utility that shows a preview of the uploaded image. Written in TypeScript. No dependencies. Works well
Turn an HTML input box to a duration picker, without jQuery
html-duration-picker.js html-duration-picker.js is a very tiny JS library used for transforming a native HTML text input into a duration picker. The a
This is a JQuery plugin for input tags with auto complete suggestion.
Jquery Suggestags This is a JQuery plugin for input tags with auto complete suggestion. $('input').amsifySuggestags(); npm installation npm i suggesta
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
bootstrap-fileinput An enhanced HTML 5 file input for Bootstrap 5.x, 4.x, and 3.x with file preview for various files, offers multiple selection, resu
Simple tag input for Bootstrap
Tagin Simple tag input for Bootstrap. Supports bootstrap v4 and v5. Demo: https://tagin.netlify.app/ Features Custom separators Enable/disable duplica
π€ Tailwind CSS assistant helps you to edit classes (includes JIT & ignores purge), toggle breakpoint classes on an element and view current breakpoint
Tailwind CSS Assistant See it in action on this example website π β Small JavaScript package that helps you work with Tailwind CSS by... Showing you
TypeScript + Nextjs + Tailwind = TNT𧨠(plus Prettier and ESLint configuration).
Bye bye next boilerplate, welcome to TNT! About This is TNT, Nextjs boilerplate powered by Typescript, Tailwind. This template also has customized ESL
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
Discard stdin input except for Ctrl+C
stdin-discarder Discard stdin input except for Ctrl+C This can be useful to prevent stdin input from interfering with stdout output. For example, you
A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version).
Software Developer Portfolio π― A responsive and open source portfolio for software developers (Next.js & Tailwind CSS version). Website Screenshot In
A base project for Express with Typescript to create an API. Includes automatic input validation and Swagger UI generation.
(Typescript) Express API with input Validation and Swagger UI Thats a mouthful isn't it. Typescript: The language used, a superset of Javascript with
Landing page using Next.js and Tailwind
This is a Next.js project bootstrapped with create-next-app. Demo Application Please check out this link(https://next-cloudbunnies-nft-landing-page.ve
Node.js CLI tool to generate a set of favicons from a single input file.
This is a simple CLI tool to generate an optimized set of favicons from a single input file. Icons are optimized in terms of both size and quantity (n
A Bootstrap plugin to create input spinner elements for number input
bootstrap-input-spinner A Bootstrap / jQuery plugin to create input spinner elements for number input. Demo page with examples Examples with floating-
Select plugin alternative to Select2 Vanilla JS
NPM package link https://www.npmjs.com/package/selectra Selectra Vanilla JS Select2 replacement, no jQuery components just pure JS. A custom select in
β· A robust Javascript library for capturing keyboard input. It has no dependencies.
Hotkeys HotKeys.js is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~3kb) (gzip
Demo of settingup tailwind 3 (cli) with emberjs
tailwind-setup-demo This README outlines the details of collaborating on this Ember application. A short introduction of this app could easily go here
The fastest and tiniest utility for conditionally joining classNames.
classix The fastest and tiniest utility for conditionally joining classNames. Installation npm install classix Usage Use any amount of string expressi
A To-Do-List app that input's a task by user and saves itself in the localStorage with a unique ID and when the task it checked as complete, user can click on clear all task to remove the task form the UI and localStorage. Built using JavaScript ES6
To Do List App It's an app in which user will be able to add tasks into the list and when completed the user can check it as complete!. Built With HTM
π¨ Soothing pastel theme for Tailwind CSS
Catppuccin for TailwindCSS Preview You can check out one of our deployed examples here! Usage Install the plugin $ npm install -D @catppuccin/tailwind
This is a minimal Next-Js boilerplate for TypeScript and Tailwind.
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://
useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability.
Create floating things easily useOverlay uses floating-ui and framer-moting under the hood, giving you an API that provides great usability. Warning D
My personal website β Built using Next.js, TypeScript, MDX, Sanity.io and Tailwind
kenaqshal.com Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel CMS: Sanity Styling: Tailwind CSS Ov
Label your form input like a boss with beautiful animation and without taking up space
#Label Better by Pete R. Label your form input like a boss with beautiful animation and without taking up space Created by Pete R., Founder of BucketL
Format input text content when you are typing...
Cleave.js Cleave.js has a simple purpose: to help you format input text content automatically. Features Credit card number formatting Phone number for
Selectize is the hybrid of a textbox and select box
Selectize is the hybrid of a textbox and select box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Svelteβ¨ Floating UI π
π Svelte Floating UI Floating UI for Svelte with actions. No wrapper components or component bindings required! npm i -D svelte-floating-ui Usage cre
An npm package with Tailwind CSS utility classes for creating responsive grid columns without media queries using auto fit.
Grid Auto Fit for Tailwind CSS A plugin that helps you create a responsive grid layout in Tailwind CSS without using media queries. It uses the auto-f
A plugin for Obsidian that can create input fields inside your notes and bind them to metadata fields.
Obsidian Meta Bind Plugin This plugin can create input fields inside your notes and bind them to metadata fields. New docs I am currently working on n
A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles
range-slider-input A lightweight (~2kB) library to create range sliders that can capture a value or a range of values with one or two drag handles. Ex
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
Careers page made with Next.js, Framer Motion & Tailwind CSS
Careers Page Tech Stack: Next.js / Framer Motion / Tailwind CSS This is a Next.js project bootstrapped with create-next-app. Getting Started First, ru
Minimal Next.js + TypeScript + Tailwind CSS starter template.
β‘ next-ts-tailwind-starter β‘ Minimal Next.js + TypeScript + Tailwind CSS starter template. Made by Piyush Pandey Give a β if you want to appreciate. 1
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
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 basic Svelte tooltip directive.
SVooltip A basic Svelte tooltip directive. Powered by Floating UI. Usage script import { tooltip } from 'svooltip'; import 'svooltip/svooltip.css'
To-Do list a web app for tracking personal progress through the day. Users can input a list of tasks and mark them as completed once they are done. Built with JavaScript and Webpack
To-do-List-Project To Do List Project Description. This project creates a simple HTML list of To Do tasks. It was built using webpack and served by a
A fast, vanilla JS customisable select box/text input plugin for modern browsers β‘
choices A fast, vanilla, lightweight (~16kb gzipped π ), configurable select plugin for modern browsers. Similar to Select2 and Selectize but without
This project entails a To-do-List whereby a user can input the tasks they want to do, check the tasks done and also clear all tasks when all of them are completed. It is efficient for a user who want to manage their time and keep track of their day.
Screenshot Here is a screenshot for the project. To-Do-List Project This is a Microverse project that entails a to-do-list which one is able to add an
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
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
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
GNC Coders - Punk API Project
GNC Coders - Punk API Project This project developed using Punk API. Project live on Team Members Name Cansu YarkΔ±n Gamze GΓΌrcan Nejla Εahin Kanban bo