Onedev - Cyberpunk developer portfolio Astro template
A cyberpunk-inspired onepage resume and portfolio template built with Astro and Tailwind CSS, featuring particle animations, skill progress bars, and glassmorphism design.
Includes 2 template versions
HTML template
Astro template
Optimized layout that looks stunning across desktop, tablet, and mobile devices.
Cyan glow effects, glassmorphism cards, and tech-inspired typography create a futuristic aesthetic.
Particle network backgrounds, auto-typing text effects, and cursor trail glow transitions included.
Hero, skills progress bars, experience timeline, project grid, education, and contact sections ready to use.
Clean, semantic code with organized comments for quick customization and deployment.
Includes both a static HTML template and a full Astro build version.
Glass cards, gradient text, glow effects, step indicators, and code blocks with line numbers.
Install dependencies and start developing in minutes with npm, then deploy anywhere.
Stand out to recruiters with a futuristic developer portfolio template
Onedev is a cyberpunk-themed onepage portfolio and resume template built for developers and software engineers who want to make a strong visual impression. Available in both HTML and Astro versions, it uses Tailwind CSS alongside Alpine.js to deliver a striking dark-mode experience with cyan glow effects, glassmorphism cards, and animated particle backgrounds. The template is designed specifically for tech professionals — whether you're job hunting, freelancing, or showcasing your work to remote-first companies. With animated skill bars, typing text effects, and smooth scroll transitions, it goes well beyond a standard resume page.
What's included
- Hero section with particle network animation and auto-typing text effect
- Skills section with animated progress bars and percentage indicators
- Experience timeline for work history and career milestones
- Project showcase grid with hover effects and tech stack badges
- Tools and collaboration section highlighting your dev workflow
- Education section and contact call-to-action
- Custom Astro components including glass cards, gradient text, glow effects, and code blocks with line numbers
Ideal for
- Full-stack developers building a personal portfolio site
- Software engineers seeking remote or freelance opportunities
- Frontend and backend specialists presenting their technical stack
- Career switchers entering the tech industry who need a polished online presence
- Tech freelancers looking to attract clients with a memorable digital resume
Landing sections
- Fullscreen hero with particle background and cursor trail glow
- Professional highlights with achievement stats and icon cards
- Summary and work methodology overview
- Responsive project grid with detailed descriptions and tech badges
- Contact CTA section for recruiter and client outreach
Customization
Both the HTML and Astro versions ship with clean, well-commented code that's straightforward to edit. All sections come pre-built so you can swap in your own content without restructuring the layout. The Astro build uses reusable components, glass cards, step indicators, timeline elements, making it easy to extend or rearrange sections. Gulp handles the HTML build pipeline, while the Astro version uses its native build system, and either can be deployed to platforms like Netlify, Vercel, or GitHub Pages.
License & usage
Three license tiers are available: a single license covering up to two installations for personal sites, a multiple license for unlimited installs on web services, and an extended license for generator or large-scale company use.
