https://github.com/ysj151215/big-sur-dock

Build a macOS Big Sur style dock with Framer Motion.
https://github.com/ysj151215/big-sur-dock

framer-motion next-js react-js tailwind-css

Last synced: 7 days ago
JSON representation

Build a macOS Big Sur style dock with Framer Motion.

• Host: GitHub
• URL: https://github.com/ysj151215/big-sur-dock
• Owner: ysj151215
• License: mit
• Created: 2022-11-26T13:29:29.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-18T06:27:21.000Z (almost 2 years ago)
• Last Synced: 2025-01-16T02:13:08.809Z (12 days ago)
• Topics: framer-motion, next-js, react-js, tailwind-css
• Language: TypeScript
• Homepage: https://big-sur-dock.vercel.app/
• Size: 388 KB
• Stars: 32
• Watchers: 1
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Big Sur dock

![Screenshot](./doc/screenshot.png)

## Features

- Keyboard friendly.

- Accessibility friendly.

## Tech Stack

- [Next.js](https://nextjs.org/) - Framework.

- [react-use](https://github.com/streamich/react-use) - Hooks.

- [Tailwind CSS](https://tailwindcss.com/) - Styling.

- [Framer Motion](https://www.framer.com/motion/) - Animation.

## Run Locally

```bash

$ git clone https://github.com/untitled-lab/big-sur-dock.git

$ cd big-sur-dock

$ pnpm install

$ pnpm dev

```

## Acknowledgements

- Inspired by [Rauno Freiberg](https://twitter.com/raunofreiberg)'s website.

- Using [Austin Malerba](https://twitter.com/austin_malerba/status/1556678271374397440)'s codebase.

- Using [Not a Number](https://www.nan.fyi/)'s UI.

## License

[MIT](https://choosealicense.com/licenses/mit/)