97 Repositories
JavaScript chakra-radix-colors Libraries
Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components.
Chakra UI Animations Chakra UI Animations is a dependancy which offers you pre-built animations for your Chakra UI components. Installation yarn add @
Second Prize Winner of Crypto.com Hackathon 2022. An NFT Ticketing Platform built with Next.js and Ethereum.
Second Prize Winner of Crypto.com The Next Gen Hackathon 2022! How to run this project locally clone the repo and run yarn install in the root directo
A simple scalable color system for designing warm welcoming, caring websites and apps.
Sargam Colors A simple scalable color system for designing warm welcoming, caring websites and apps. Sargam colors are the language of the beauty, the
🐦 A simple and minimal dashboard for your homelab made with Chakra UI and NextJS!
Dashbird (WIP) 🐦 A simple and minimal dashboard for your homelab made with Chakra UI and NextJS! Features 💻 Simple configuration 🚀 Easily selfhosta
O NLW Esports foi desenvolvido durante a semana da NLW feita pela Rocketseat 🚀
Plataforma para encontrar e conectar jogadores para fazerem aquele duozinho maneiro no seu jogo preferido ✅ Demostração 🎉 Sobre o projeto O projeto f
API, web and mobile application for finding a partner to play online multiplayer games.
Duo Finder Duo Finder is a simple mobile and web application for gamers looking for partners to play a game with. It's basics was developed during the
🕹️⚡ Ecommerce de jogos. Projeto Integrador desenvolvido para a instituição de ensino Centro Universitário Eniac.
What is inside? This project uses lot of stuff as: NextJS ReactJs Typescript Jest Testing-library Styled Components Storybook Eslint Prettier Plop Hus
This project is a boilerplate for Next and TypeScript projects. This template was built with Vite, TypeScript and Stitches.
Awesome Template Stitches — NextJS, TypeScript, Stitches and Design Tokens Summary About this template Avaliale scripts Other scripts available Main t
Unlock your inner chef - Submission for Hackthenorth 2022
MyRecipePal Table of Contents 📝 About 🛠️ Built With ⚙️ Usage ⛰️ Challenges 🛣️ Roadmap 📝 About As university students, we all understand that one o
New tab browser extension (aka startpage) with nord colors and a dancing goose.
Nordic goose Nordic goose is a new tab extension (aka startpage) with nord colors and a dancing goose. Features: 🦆 Look at a dancing goose 🎨 Beautif
An Admin Panel developed for simplifying the process of CRUD operations in the database.
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 tiny utility library to generate mesh gradient based on 4 RGB colors, built with vanilla js.
MeshGradient.js mesh-gradient.js is tiny utility library to generate mesh gradient based on 4 RGB colors, built with vanilla js. Installation! npm ins
Vaultacks lets users store files off-chain on Gaia. Files are encrypted by default but also can be made public and shared
Vaultacks Vaultacks is built on the Stacks Chain. It lets users upload files to Gaia, a off-chain data storage system. Vaultacks currently uses the de
A Versatile, Extensible Dapp Boilerplate built with Rainbowkit, Next.js, and Chakra-ui.
rainplate • A Versatile, Extensible Dapp Boilerplate built with Rainbowkit, Next.js, and Chakra-ui. Getting Started Click use this template to create
A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui
Welcome to FullStack Next.js template 👋 A fullstack next.js template with all the fun stuff like next auth, mongodb, prisma, chakra ui ✨ Demo Tech Ne
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
An opinionated Next.js + Chakra + TypeScript starter
Nextjs + Chakra + Typescript Starter ✨ An opinionated Next.js + Chakra + TypeScript starter packed with: ⚡️ Next.js 12 ⚛️ React 18 ✨ TypeScript 🧘 Cha
jQuery UI widget for color picking (similar to the one in Microsoft Office 2010).
evol-colorpicker · evol-colorpicker is a web color picker which looks like the one in Microsoft Office 2010. It can be used inline or as a popup bound
A simple editor allows you to easily add and customize all the sections you need for your profile's readme.
Create your Profile README using the best Templates tomper-readmify.herokuapp.com This is the frontend + backend of TomperReadmify build with MERN sta
JavaScript that colors the min / max values of a HTML table.
tableMinMax Übersicht JavaScript that colors the min / max values of a HTML table. JavaScript das die Minimum / Maximum Werte, einer HTML-Tabelle einf
CLI tool that converts rgb(), rgba(), hex, hsl() and hsla() colors to oklch() in specified CSS files.
convert-to-oklch CLI tool that converts rgb(), rgba(), hex, hsl() and hsla() colors to oklch() in specified CSS files. npx convert-to-oklch ./src/**/*
⚡ the first open-source redis client made with care and acessibility-first 🚀
⚡ Redis UI The first open-source project to create an awesome and accessible UI for Redis as a native desktop application. ✨ 🦄 🚀 How to develop loca
🌈 CLI tool to scaffold chakra ui projects, without wasting time.
Create Chakra Project (create-chakra) ⚒ Tool to scaffold chakra apps, without wasting time. It uses existing tools like create-next-app and create-vit
A simple Discord bot that will listen for HEX, RGB(a), and HSL(a) colors in a message, and provide a small image of that color.
Pigment For the teams of designers and developers out there - Pigment will listen for messages containing a HEX, RGB(a), or HSL(a) color, and provide
A TypeScript package to calculate WCAG 2.0/3.0 and APCA color contrasts
a11y-color-contrast A simple utility package for working with WCAG 2.2/3.0 color contrasts a11y: Built for checking how readable colors are together S
write the (w)right way!
Wrighter - A Powerful Markdown Blogger & A Writing Companion ⚡ Wrighter is originally made for the hashnode x PlanetScale hackathon It has a powerful
Colr Pickr, a vanilla JavaScript color picker component built with SVGs, with features like saving colors. Similar design to the chrome-dev-tools color picker.
Colr Pickr Colr Pickr, a vanilla JavaScript color picking component built with SVGs, with features like saving colors. Similar design to the chrome-de
Share all your links with just one link 3
Sharing links was never this easy and beautiful Share all your profile links in just one link See the LIVE DEMO DEMO: Completely responsive and beauti
A array with color name - decimal rgbs.
colors-named-decimal A array with color name - decimal rgbs. Based on https://www.w3.org/TR/css-color-4/#colors-named Installation This package is ES
The Remix Stack with Clerk authentication, Supabase database, Chakra UI, testing, linting, and more.
Remix Bossa Nova Stack Learn more about Remix Stacks. What's in the stack User management with Clerk Database with Supabase Styling with Chakra UI Dep
SVG icons for popular brands
Simple Icons Over 2200 Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be ma
Remix Stack for deploying to Vercel with remix-auth, Planetscale, Radix UI, TailwindCSS, formatting, linting etc. Written in Typescript.
Remix Synthwave Stack Learn more about Remix Stacks. npx create-remix --template ilangorajagopal/synthwave-stack What's in the stack Vercel deploymen
Markdown note maker (with Git sync) using Tauri.
Mediocre Markdown note maker (with Git sync) using Tauri. Screens Tech Stack Frontend Monaco Editor for the editor interface Chakra UI library Redux T
💻 Countries Web is a web application that lets you view data for all the countries in the world and filter them by country name and continent.
🌎 Countries Web View Demo This is the Countries Web, a web application that lets you view data for all the countries in the world and filter them by
Construct ANSI colors strings from object descriptors.
ansi-construct Construct ANSI colors strings from object descriptors. Usage import { ansi } from 'ansi-construct' const item = ansi({ text: 'foo', co
Soothing pastel theme for Blink Shell
Catppuccin for Blink Shell Usage Navigate to the .js file with the theme of your choosing. Copy the URL. Open the settings panel in Blink Shell using
📒 midubot docs - Discord bot for midudev.
📒 midubot docs - Discord bot for midudev 📦 Packages: ⚡️ Nextjs - The React Framework for Production. 💅 Chakra UI - Create accessible React apps wit
Get colors in your node.js console
@colors/colors ("colors.js") Please check out the roadmap for upcoming features and releases. Please open Issues to provide feedback. get color and st
fix out-of-memory actions at colors@^1.4.1
What's it for? colors@^1.4.1 has action of out-of-memory: https://github.com/Marak/colors.js/commit/5d2d242f656103ac38086d6b26433a09f1c38c75. https://
📜 A CV Generator.
CV Generator Adjustments and improvements The project is still in development and the next updates will focus on the following tasks: Generate resumes
Reddit is a website where a community of registered users ( redditors) submits content. Its format resembles a traditional bulletin board system, allowing users to post messages and links to other websites and comment on each other's posts. Entries are ranked by a voting system; other users can vote comments and posts either up ( upvoted) or down.
Setup First, run the development server: npm run dev Open http://localhost:3000 with your browser to see the result. You can start editing the page by
⏪ 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
chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications
chakra-radix-colors chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications. About C
Color palette generation function using hue cycling and simple easing functions.
Rampensau 🐷 Color palette generation function using hue cycling and easing functions. Check out a simple demo or see it in action over on farbvelo 10
A pleasing darker theme made mostly with complementary purple and blue colors, occasionally with a touch of pink or red.
Nebula Float away in space with a beautiful blurple oriented color theme. DISCLAIMER: ⚠️ This theme is not as high contrast as other themes. A pleasin
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
This project is about building a web application to show a weather forecast using weather API.
Weather App Web application to show the current and upcoming week weather forecast. Want to see live preview » ✧ View Demo ✧ Report Bug ✧ Getting Star
Node Terminal Colors. Fast!
Tcol npm package to add colors to your terminal Installation # npm npm install tcol # pnpm pnpm install tcol Usage import { c } from "tcol"; console.
⚡ My personal website.
nafeez.xyz Framework: Next.js Database: PlanetScale ORM: Prisma Authentication: NextAuth.js Deployment: Vercel Styling: Tailwind CSS Running Locally C
Taskem is a task manager that help you stay organized while boosting your creativity at the same time.
Taskem Introduction Taskem is a task manager that helps you stay organized while boosting your creativity at the same time. Our main goal is to help e
An unofficial(yet) implementation of Chakra Ui for SvelteJS
Welcome to chakra-ui-svelte 👋 An implementation of Chakra Ui in Svelte Homepage Demo Install pnpm install chakra-ui-svelte import { Box } from "chakr
Colormath.js - a color conversion and color manipulation library written in typescript for Node.js, Deno and Browser
Colormath.js - a color conversion and color manipulation library written in typescript for Node.js, Deno and Browser
Danger is near (play to earn game, gamefi on near chain testnet) - user play as a fireknight in a PIXELVERSE world who go to forest and kill monster.
Danger is near (play to earn game, gamefi on near chain testnet) - user play as a fireknight in a PIXELVERSE world who go to forest and kill monster. User can earn $DANGER token and score to compete with others user.
The open-source design system of Tree.ly
🌳 Boemly Boemly is the open source component library maintained by Tree.ly based on ChakraUI. 🏃♀️ Getting started Install Boemly: npm i boemly --sa
🦸♀️ A super template for Next.js with a pack of incredible tools
Next-Plate 🦸♀️ A super template for Next.js with a pack of incredible tools 🌎 Translations 🚀 Demo → Deploy your own copy of this template in just
Next.js and Apollo-Client web application, designed for learning and real-world applicability.
NextJs Apollo Boilerplate Boilerplate for building applications using Next.js and Apollo This boilerplate is made for those who want to start a new pr
cptcity for the Google Earth Engine JavaScript API (Code Editor)
cptcity for the Google Earth Engine JavaScript API (Code Editor) 📋 Table of contents What is Google Earth Engine ? What is cptcity and why ? Top of t
🎵 simple and RESTful API for getting lyrics of any song made using Next.js and ChakraUI.
playground . guide . discord Overview Lyrist is a simple yet powerful RESTful API for getting lyrics of any song using song name and it's artist name.
Upgraded purity dashboard template.
Upgraded Purity UI Dashboard Check all components here. Documentation built by Developers Each element is well presented in a very complex documentati
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
🌈 what's your GitHub profile color?
🌈 OctoColor 🤔 Wanna know what's your GitHub Profile Color? 🐱 Head over to https://octocolor.vercel.app 🐱💻 How does GitColor work? The idea is si
A custom Chakra UI component that adds ready-made styles for rendering remote HTML content.
Chakra UI Prose Prose is a Chakra UI component that adds a ready-made typography styles when rendering remote HTML. Installation yarn add @nikolovlaza
👜 Next-gen e-commerce built using Remix, Chakra UI, GraphQL and web3
👜 Future Store About Here at New Store, we have the best in women's, men's, bags, shoes, accessories and more. Unmissable discounts and installments.
A PhotoShot Plugin to get material you colors easily.
material-you 可以快速获取符合 material-you 配色的 PhotoShop 插件。 参考自 Material Theme Builder 安装 初次安装 从 release 中下载压缩包并解压。打开 Photoshop ,运行 文件-脚本-浏览 ,选择安装包中的 安装脚本.js
A React-Fullstack platform helps to track & compare your Incomes & Expenses transactions in one place via detailed Graphical information to manage your Budget.
Budget Master Track your income and expenses in one place via detailed graphical information to manage your budget. Manage your budget and transaction
🎨ansi escape code generator to help make colorful command line tools
ansicodes 🎨 ansi escape code generator to help make colorful command line tools i got tired of looking up ansi code tables when writing command line
Tints and shades generator in React.
Reactry's shades goals add option to enter hexColor by hand add option to get hexColor from clipboard add option to set one of the shades or tints as
🟩 in case you want to cheat on your wordle games
Wordle Solver How to use Enter each right guess in the first grid Enter all letters that you know aren't in a certain position in the second grid For
👨🏼🎨 It is a virtual blackboard, where you can make 🖌 drawings through 🖱 the mouse. You have the option to choose 🎨 colors and line thickness.
👨🏼🎨 Lets Draw 🎨 ÍNDICE 1. Lets-Draw 2. Realization of the Project 3. Technologies used 4. Authors 1. Lets-Draw 👨🏼🎨 It is a virtual blackboard
🐲 Epic NFTs [UI] - Proyecto que te permitirá conectar tu billetera y acuñar un NFT, podrás revender el NFT en OpenSea. El NFT en sí se puede personalizar
🐲 Epic NFTs [UI] El proyecto se encuentra deployado en Vercel para que puedan verlo e interactuar con él, toda crítica o comentario se agradece, pued
An application to capture the 10 most watched movies/series on netflix.
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Verbosely Documented, Minimal Starknet Contract Examples.
cairo-by-example • Verbosely Documented, Minimal Starknet Contract Examples. Cairo By Example deployed to https://cairo-by-example.xyz Developing Clon
Modern, Flexible Starknet Dapp Template
cairopal • Modern, Flexible Starknet Dapp Template. Developing Clone the repository git clone [email protected]:a5f9t4/cairopal.git cd cairopal Install D
A CLI utility to calculate/verify accessible magic numbers for a color palette.
A11y Contrast A CLI utility to calculate/verify accessible magic numbers for a color palette. Read my blog post for some more information. Installatio
🎨 A simple library for extracting dominant colors from images.
A dead simple, zero-dependency, promise-based javascript library for extracting the dominant color(s) from an image (in the browser). 👉 Version 2 was
get colors in your node.js console
colors.js This is a fork of Marak Squires' original colors.js project Please check out the roadmap for upcoming features and releases. Please open Iss
Personalize your GitHub experience by theming the site's accent colors.
· Gitccentify · Personalize your GitHub experience by theming it to your own style! Disclaimer This project is not affiliated, associated, authorized,
colors.js - get colors in your node.js console
colors.js Please check out the roadmap for upcoming features and releases. Please open Issues to provide feedback, and check the develop branch for th
React.js todo app with authorization, Testing: Cypress(e2e), UI (Chakra UI), Eslint, prettier, git hooks
React TypeScript template with Vite This is a React + TypeScript boilerplate built with Vite. What's inside? ReactJS Vite TypeScript Jest Testing Libr
Automatic color generation for Chart.js
chartjs-plugin-autocolors Automatic color generation for Chart.js The generation is based on Janus Troelsen's answer at Stack Overflow. This plugin re
My-portfolio - 🪶 My portfolio built with Remix, ChakraUI...
Welcome to Remix! Remix Docs Deployment After having run the create-remix command and selected "Vercel" as a deployment target, you only need to impor
Real state property listing app using next.js , chakra.ui, SCSS
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://
Vite template with TypeScript, Chakra UI, Eslint Airbnb, Prettier
Vite + Typescript + ChakraUI = ❤️ This is a vite template that combines several technologies: Vite React TypeScript ChakraUI Eslint with eslint-config
classify store using react js✔
Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np
Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun non-covid di Indonesia.
Bed Covid RS Indonesia Website yang memberikan informasi terkait ketersediaan rumah sakit dan tempat tidur rumah sakit untuk pasien covid-19 ataupun n
My personal website.
Getting Started First, copy .env.example and paste as .env.local, fill all field: NEXT_PUBLIC_CONTENTFUL_SPACE_ID = '' NEXT_PUBLIC_CONTENTFUL_ACCESS_K
This project was bootstrapped with Chakra UI & Create React App
Getting Started with Create React App This project was bootstrapped with Chakra UI & Create React App. ScreenShots Available Scripts In the project di
:sparkles: Make your JSON look AWESOME
Make your JSON objects look AWESOME! This package allows you to give style to your JSON on your console! Installation : $ npm install jsome if you n
Terminal table for Windows, Linux, and MacOS. Written in nodejs. Also works in browser console. Word wrap, padding, alignment, colors, Asian character support, per-column callbacks, and you can pass rows as objects or arrays. Backwards compatible with Automattic/cli-table.
tty-table 端子台 Display your data in a table using a terminal, browser, or browser console. Examples See here for complete example list To view all exam
Generate colors based on a desired contrast ratio
Generate colors based on a desired contrast ratio
⚗️ Zeplin extension that generates Swift snippets from colors, fonts, and layers
Zeplin extension that generates Swift snippets from colors, fonts and layers. Features 🖍 Color pallette for iOS Example import UIKit extension UICol
Extract prominent colors from an image. JS port of Android's Palette.
Vibrant.js Extract prominent colors from an image. Vibrant.js is a javascript port of the awesome Palette class in the Android support library. ⚠️ THI
JavaScript Library for creating random pleasing colors and color schemes
#PleaseJS www.checkman.io/please Please.js is a polite companion that wants to help you make your projects beautiful. It uses HSV color space to creat
Smarter defaults for colors on the web.
colors.css 3.0.0 Better default colors for the web. A collection of skin classes for faster prototyping and nicer looking sites. Stats 903 85 85 bytes
JavaScript library for all kinds of color manipulations
Chroma.js Chroma.js is a tiny small-ish zero-dependency JavaScript library (13.5kB) for all kinds of color conversions and color scales. Usage Initiat
A tiny script for generating attractive colors
Random Color A tiny script for generating attractive random colors. See the demo for an explanation and some samples. randomColor has been ported to C
⚡️ Simple, Modular & Accessible UI Components for your React Applications
Build Accessible React Apps with Speed ⚡️ Chakra UI provides a set of accessible, reusable, and composable React components that make it super easy to