Loading repository data…
killcod3 / repository
A modern, animated portfolio website built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
A modern, animated portfolio website built with Next.js, TypeScript, Tailwind CSS, and Framer Motion.
├── app/ # Next.js app directory
├── components/ # UI components
│ ├── sections/ # Page sections
│ └── ui/ # shadcn/ui components
├── config/ # Configuration files
│ ├── personal.json # Personal information
│ ├── skills.json # Skills data
│ ├── projects.json # Projects data
│ ├── experience.json # Experience data
│ ├── social.json # Social links
│ ├── themes.json # Theme configurations
│ └── types.ts # TypeScript interfaces
├── lib/ # Utility functions
├── hooks/ # Custom React hooks
└── public/ # Static assets
Edit the config/personal.json file to update your personal details:
{
"name": "Your Name",
"title": "Your Title",
"bio": "Your bio...",
"email": "your.email@example.com",
"location": "Your Location",
"resumeUrl": "/path-to-resume.pdf"
}
Edit the config/skills.json file to update your skills:
[
{
"name": "Skill Name",
"level": 90,
"category": "frontend"
},
...
]
Selected from shared topics, language and repository description—not editorial ratings.
krishnavalliappan /
A modern, responsive personal portfolio website built with Next.js and Tailwind CSS, featuring an interactive terminal interface, animated sections, and dark mode support.
61/100 healthshivy02 /
A modern, animated portfolio template built with Next.js 15, React 19, TypeScript, Tailwind & Framer Motion - with live Spotify, WakaTime & GitHub widgets and a Markdown blog.
58/100 healthEdit the config/projects.json file to update your projects:
[
{
"id": "project-1",
"title": "Project Title",
"description": "Short description",
"longDescription": "Detailed description",
"tags": ["Tag1", "Tag2"],
"imageUrl": "/path-to-image.jpg",
"liveUrl": "https://example.com",
"githubUrl": "https://github.com/yourusername/project",
"featured": true
},
...
]
Edit the config/experience.json file to update your work and education experience:
[
{
"id": "exp-1",
"company": "Company Name",
"position": "Your Position",
"duration": "2021 - Present",
"startDate": "2021-01-01",
"description": "Description of role...",
"technologies": ["Tech1", "Tech2"],
"type": "work"
},
...
]
Edit the config/social.json file to update your social links:
[
{
"platform": "GitHub",
"url": "https://github.com/yourusername",
"icon": "Github"
},
...
]
Edit the config/themes.json file to customize the theme colors and particle effects:
{
"themes": [
{
"name": "light",
"colors": {
"primary": "hsl(204, 100%, 40%)",
...
},
"particleConfig": {
"enabled": true,
"particleCount": 35,
...
}
},
...
]
}
npm installnpm run devTo build the project for production, run:
npm run build
This will generate static files in the out directory, which can be deployed to any static hosting provider.
This project is configured for static export, making it compatible with various hosting platforms like Vercel, Netlify, GitHub Pages, etc.
The portfolio is designed with accessibility in mind, following WCAG 2.1 AA standards. Key features include:
mkhoirulwafa18 /
A modern, animated bento-style portfolio template built with Next.js 15, React 19, and Tailwind CSS v4. Features responsive bento-grid layout, smooth Motion animations, interactive easter eggs, and SEO optimization. Perfect for developers and designers who want to showcase their work with style and personality.
62/100 healthtopdogfound /
A modern personal portfolio and blog built with Next.js, React, TypeScript, Tailwind CSS, and MDX. It showcases profile details, work experience, projects, skills, contact links, and content-driven blog posts with optimized security headers, static generation, and a polished animated UI.
65/100 healthBharathLakkoju /
A modern, minimal portfolio and blog system built with Next.js that renders structured developer data into a clean personal website. It supports MDX-based blogging, project showcasing, animated UI components, and a modular data-driven architecture for profile, skills, experience, and content management.
48/100 health