https://github.com/brokarim/cool-ui-repo

This repository contains collection of cool ui repo you can learn from
https://github.com/brokarim/cool-ui-repo

framer-motion reactjs shadcn typescript

Last synced: about 2 months ago
JSON representation

This repository contains collection of cool ui repo you can learn from

• Host: GitHub
• URL: https://github.com/brokarim/cool-ui-repo
• Owner: BroKarim
• Created: 2024-10-07T08:23:47.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-17T16:09:30.000Z (3 months ago)
• Last Synced: 2024-11-17T17:35:52.394Z (3 months ago)
• Topics: framer-motion, reactjs, shadcn, typescript
• Language: TypeScript
• Homepage:
• Size: 776 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# COOL UI REPO

Cool UI repo is a comprehensive repository that serves as a playground and learning resource for frontend development. This project showcases various implementations and experiments with open-source UI libraries and frameworks that I've encountered and worked with during my coding journey.

## Repository Overview:

- Diverse Examples: This repo contains a collection of frontend projects demonstrating different UI libraries, frameworks, and design patterns.

- Practical Implementations: Each project represents a real-world application or component, bridging the gap between theory and practice.

- Documentation of Learning: As I explore new technologies and techniques, I document my findings and implementations here.

Open for Exploration: Feel free to explore, use, and modify any code in this repository for your personal or professional projects.

## Tech Stack

- Reactjs

- Vite

- Tailwind CSS

- Shadcn

- TypeScript

## Table of Content

All the demo code is located in the `src/components/` directory

- [time-picker](https://github.com/openstatusHQ/time-picker/tree/main) - simple TimePicker for your Shadcn UI project.

- [motion-number](https://github.com/barvian/number-flow) - A React component to transition, format, and localize numbers.

- [motion-primitives](https://github.com/ibelick/motion-primitives) - A collection of open-source, customizable motion components built on top of Framer Motion.

- [tailiwind-motion](https://github.com/romboHQ/tailwindcss-motion) - a Tailwind CSS Plugin. It’s a simple, yet powerful, animation library with a simple syntax.

- [input-otp](https://github.com/guilhermerodz/input-otp) - One time passcode Input. Accessible & unstyled.

- [svgl](https://github.com/pheralb/svgl) - A beautiful library with SVG logos. Built with Sveltekit & Tailwind CSS.

- [shadcn-table](https://github.com/sadmann7/shadcn-table) - Shadcn table with server-side sorting, filtering, and pagination.

- [svg-animations](https://github.com/nirnejak/svg-animations) - A Gallery of SVG Animations built with Framer Motion

- [shiki-magic-move](https://github.com/shikijs/shiki-magic-move) - Smoothly animated code blocks with Shiki

- [medusa-starter-nextjs](https://github.com/medusajs/nextjs-starter-medusa) - A performant frontend ecommerce starter template with Next.js 14 and Medusa.

- [shadcn-starter-dashboard](https://github.com/Kiranism/next-shadcn-dashboard-starter) - Admin Dashboard Starter with Nextjs14 and shadcn ui