https://github.com/nekalsalaria/minidocs
MiniDocs is an interactive document card UI built with React, featuring draggable animations using Framer Motion. Users can move cards freely, and each card displays metadata like description, file size, and action tags.
https://github.com/nekalsalaria/minidocs
framer-motion ractjs tailwindcss
Last synced: about 1 month ago
JSON representation
MiniDocs is an interactive document card UI built with React, featuring draggable animations using Framer Motion. Users can move cards freely, and each card displays metadata like description, file size, and action tags.
- Host: GitHub
- URL: https://github.com/nekalsalaria/minidocs
- Owner: nekalsalaria
- Created: 2025-08-22T15:56:50.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-22T16:04:44.000Z (10 months ago)
- Last Synced: 2025-08-31T06:34:12.161Z (10 months ago)
- Topics: framer-motion, ractjs, tailwindcss
- Language: JavaScript
- Homepage: https://minidocss.onrender.com
- Size: 38.1 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📂 MiniDocs - Draggable Document Cards [minidocss.onrender.com](https://minidocss.onrender.com)
## 🌟 Project Overview
MiniDocs is an interactive document card UI built with **React**, featuring draggable animations using **Framer Motion**.
Users can move cards freely, and each card displays metadata like description, file size, and action tags.
This project focuses on creating a smooth, animated, and modern user experience.
---
## 🛠️ Tech Stack
- **Frontend:** React.js
- **Animations:** Framer Motion
- **Styling:** Tailwind CSS
- **Icons:** React Icons
---
## 🎯 Features
- 🖱️ **Draggable Cards:** Move cards anywhere on the screen using Framer Motion.
- 🎨 **Modern UI Design:** Rounded cards with a clean, minimal look.
- 🏷️ **Tag Support:** Dynamic tags for actions like Upload or Download.
- ⚡ **Smooth Animations:** Hover and drag effects for an engaging experience.
- 📱 **Responsive Layout:** Works across different screen sizes.
---
## 🚀 Live Demo
[MiniDocs Live](https://minidocss.onrender.com)
---
## 📧 Contact
- **Author:** Nekal Singh Salaria
- **Email:** [nekalsingh987@gmail.com](mailto:nekalsingh987@gmail.com)
- **LinkedIn:** [linkedin.com/in/nekalsingh](https://www.linkedin.com/in/nekalsingh)
- **GitHub:** [github.com/nekalsalaria](https://github.com/nekalsalaria)
---
Happy coding! 🚀