https://github.com/nirnejak/react-presentation
Use your React components as presentation slides
https://github.com/nirnejak/react-presentation
nextjs nextjs-template presentation presentation-tools react slides slideshow
Last synced: about 1 year ago
JSON representation
Use your React components as presentation slides
- Host: GitHub
- URL: https://github.com/nirnejak/react-presentation
- Owner: nirnejak
- License: mit
- Created: 2023-04-15T21:27:57.000Z (about 3 years ago)
- Default Branch: master
- Last Pushed: 2025-04-06T15:04:48.000Z (about 1 year ago)
- Last Synced: 2025-04-13T13:06:03.665Z (about 1 year ago)
- Topics: nextjs, nextjs-template, presentation, presentation-tools, react, slides, slideshow
- Language: TypeScript
- Homepage: https://react-presentation-maker.vercel.app
- Size: 2.34 MB
- Stars: 21
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
React Presentation Maker
---
## Included Slide Components
- `` - A cover slide component with the title and subtitle
- `` - A component to show quote with author name
- `` - A component to show some code
- `` - A slide component for bullet points
- `` - A slide component for showing profiles of people
- `` - A slide component for showing single large image
- `` - A slide component for showing multiple images
- `` - A slide component to tell about yourself
- `` - An outro slide component with social details
## Other Included Components
- `` - A wrapper components with appropriate spacing to wrap your slide/regular components
## Additional Packages Used
- **Tailwind CSS** - for styling
- **Motion(prev Framer Motion)** - for animations
- **Akar Icons** - for icons
- **use-sound** - for using sound effects
## Available Scripts
**Install Dependencies**
```bash
npm install
```
**Setup Pre-commit**
```bash
npm run prepare
```
**Start Development Server**
```bash
npm run dev
```
**Lint all the files**
```bash
npm run lint
```
**Format all files with Prettier**
```bash
npm run format
```
**Check TypeScript issues**
```bash
npm run type-check
```
**Build for Production**
```bash
npm run build
```
**Start Production Server**
```bash
npm start
```
---