├── .env.example ├── .gitignore ├── README.md ├── app ├── blog │ └── [slug] │ │ ├── metadata.ts │ │ ├── opengraph-image.tsx │ │ └── page.tsx ├── favicon.ico ├── globals.css ├── layout.tsx ├── metadata.ts ├── not-found.tsx ├── opengraph-image.tsx └── page.tsx ├── blog └── content │ ├── 21-best-free-react-components.mdx │ ├── nextjs-portfolio-templates.mdx │ ├── react-animation-libraries.mdx │ ├── react-landing-page-templates.mdx │ ├── react-native-libraries.mdx │ └── react-portfolio-templates.mdx ├── components.json ├── components ├── ads-placeholder.tsx ├── author-card.tsx ├── blog-card.tsx ├── copy-header.tsx ├── footer.tsx ├── hash-scroll-handler.tsx ├── magicui │ └── flickering-grid.tsx ├── media-viewer.tsx ├── mobile-toc.tsx ├── promo-content.tsx ├── read-more-section.tsx ├── site-nav.tsx ├── table-of-contents.tsx ├── tag-filter.tsx ├── theme-provider.tsx ├── theme-toggle.tsx └── ui │ ├── accordion.tsx │ ├── button.tsx │ └── drawer.tsx ├── eslint.config.mjs ├── lib ├── authors.ts ├── site.ts └── utils.ts ├── mdx-components.tsx ├── next.config.ts ├── package.json ├── pnpm-lock.yaml ├── postcss.config.mjs ├── public ├── authors │ ├── arghya.png │ └── dillion.png ├── blog-og-image.png ├── fonts │ ├── CabinetGrotesk-Medium.ttf │ └── ClashDisplay-Semibold.ttf ├── magicui-logo.png ├── magicui-pro.png └── thumbnails │ ├── nextjs-portfolio-templates.jpg │ ├── react-animation-libraries.jpg │ ├── react-components-libraries.jpg │ ├── react-landing-page-templates.jpg │ ├── react-native-libraries.jpg │ └── react-portfolio-templates.jpg ├── source.config.ts └── tsconfig.json /.env.example: -------------------------------------------------------------------------------- 1 | NEXT_PUBLIC_SITE_URL = http://localhost:3000 -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/.gitignore -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/README.md -------------------------------------------------------------------------------- /app/blog/[slug]/metadata.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/blog/[slug]/metadata.ts -------------------------------------------------------------------------------- /app/blog/[slug]/opengraph-image.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/blog/[slug]/opengraph-image.tsx -------------------------------------------------------------------------------- /app/blog/[slug]/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/blog/[slug]/page.tsx -------------------------------------------------------------------------------- /app/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/favicon.ico -------------------------------------------------------------------------------- /app/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/globals.css -------------------------------------------------------------------------------- /app/layout.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/layout.tsx -------------------------------------------------------------------------------- /app/metadata.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/metadata.ts -------------------------------------------------------------------------------- /app/not-found.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/not-found.tsx -------------------------------------------------------------------------------- /app/opengraph-image.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/opengraph-image.tsx -------------------------------------------------------------------------------- /app/page.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/app/page.tsx -------------------------------------------------------------------------------- /blog/content/21-best-free-react-components.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/21-best-free-react-components.mdx -------------------------------------------------------------------------------- /blog/content/nextjs-portfolio-templates.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/nextjs-portfolio-templates.mdx -------------------------------------------------------------------------------- /blog/content/react-animation-libraries.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/react-animation-libraries.mdx -------------------------------------------------------------------------------- /blog/content/react-landing-page-templates.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/react-landing-page-templates.mdx -------------------------------------------------------------------------------- /blog/content/react-native-libraries.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/react-native-libraries.mdx -------------------------------------------------------------------------------- /blog/content/react-portfolio-templates.mdx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/blog/content/react-portfolio-templates.mdx -------------------------------------------------------------------------------- /components.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components.json -------------------------------------------------------------------------------- /components/ads-placeholder.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/ads-placeholder.tsx -------------------------------------------------------------------------------- /components/author-card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/author-card.tsx -------------------------------------------------------------------------------- /components/blog-card.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/blog-card.tsx -------------------------------------------------------------------------------- /components/copy-header.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/copy-header.tsx -------------------------------------------------------------------------------- /components/footer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/footer.tsx -------------------------------------------------------------------------------- /components/hash-scroll-handler.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/hash-scroll-handler.tsx -------------------------------------------------------------------------------- /components/magicui/flickering-grid.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/magicui/flickering-grid.tsx -------------------------------------------------------------------------------- /components/media-viewer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/media-viewer.tsx -------------------------------------------------------------------------------- /components/mobile-toc.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/mobile-toc.tsx -------------------------------------------------------------------------------- /components/promo-content.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/promo-content.tsx -------------------------------------------------------------------------------- /components/read-more-section.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/read-more-section.tsx -------------------------------------------------------------------------------- /components/site-nav.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/site-nav.tsx -------------------------------------------------------------------------------- /components/table-of-contents.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/table-of-contents.tsx -------------------------------------------------------------------------------- /components/tag-filter.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/tag-filter.tsx -------------------------------------------------------------------------------- /components/theme-provider.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/theme-provider.tsx -------------------------------------------------------------------------------- /components/theme-toggle.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/theme-toggle.tsx -------------------------------------------------------------------------------- /components/ui/accordion.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/ui/accordion.tsx -------------------------------------------------------------------------------- /components/ui/button.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/ui/button.tsx -------------------------------------------------------------------------------- /components/ui/drawer.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/components/ui/drawer.tsx -------------------------------------------------------------------------------- /eslint.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/eslint.config.mjs -------------------------------------------------------------------------------- /lib/authors.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/lib/authors.ts -------------------------------------------------------------------------------- /lib/site.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/lib/site.ts -------------------------------------------------------------------------------- /lib/utils.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/lib/utils.ts -------------------------------------------------------------------------------- /mdx-components.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/mdx-components.tsx -------------------------------------------------------------------------------- /next.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/next.config.ts -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /postcss.config.mjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/postcss.config.mjs -------------------------------------------------------------------------------- /public/authors/arghya.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/authors/arghya.png -------------------------------------------------------------------------------- /public/authors/dillion.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/authors/dillion.png -------------------------------------------------------------------------------- /public/blog-og-image.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/blog-og-image.png -------------------------------------------------------------------------------- /public/fonts/CabinetGrotesk-Medium.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/fonts/CabinetGrotesk-Medium.ttf -------------------------------------------------------------------------------- /public/fonts/ClashDisplay-Semibold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/fonts/ClashDisplay-Semibold.ttf -------------------------------------------------------------------------------- /public/magicui-logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/magicui-logo.png -------------------------------------------------------------------------------- /public/magicui-pro.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/magicui-pro.png -------------------------------------------------------------------------------- /public/thumbnails/nextjs-portfolio-templates.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/nextjs-portfolio-templates.jpg -------------------------------------------------------------------------------- /public/thumbnails/react-animation-libraries.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/react-animation-libraries.jpg -------------------------------------------------------------------------------- /public/thumbnails/react-components-libraries.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/react-components-libraries.jpg -------------------------------------------------------------------------------- /public/thumbnails/react-landing-page-templates.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/react-landing-page-templates.jpg -------------------------------------------------------------------------------- /public/thumbnails/react-native-libraries.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/react-native-libraries.jpg -------------------------------------------------------------------------------- /public/thumbnails/react-portfolio-templates.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/public/thumbnails/react-portfolio-templates.jpg -------------------------------------------------------------------------------- /source.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/source.config.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/magicuidesign/blog-template/HEAD/tsconfig.json --------------------------------------------------------------------------------