Skip to content
Get packs

Simplefolio

A minimal one-page portfolio template for developers, built with Parcel and SCSS.

GitHub Download source
Stars
14.2k
Forks
6.1k
Licence
MIT
Language
SCSS
Last update
10 months ago
Type
Library

What it is

Simplefolio is a free, one-page portfolio website template for developers. You edit its HTML files to add your name, photo, projects, resume and contact links, then run a local development server to preview it. It is styled with Bootstrap v4.3 and custom SCSS and is built with the Parcel bundler.

  • Show a few projects with a description, live link and source code link
  • Host a resume PDF and a profile photo on a personal site
  • Publish a single-page online presence with social media links in the footer
  • Deploy the built site to a static host, as the demo appears to do

Great for

  • Developers who want a simple one-page personal website without designing from scratch
  • Students or job seekers who need a portfolio to share with employers
  • People comfortable editing HTML files and running a couple of terminal commands
  • Anyone who wants a starting point they can restyle with SCSS

Not ideal for

  • Non-technical users who want a drag-and-drop site builder, since setup requires Git, Node.js and the command line
  • People who need a multi-page site or a built-in blog, because the README describes only a single page layout
  • Teams needing a maintained, versioned release, since the repository has no published releases
Step-by-step guide: how to use SimplefolioInstall, first run, examples, tips and FAQs
Simplefolio alternativesBootstrap vs SimplefolioSimplefolio vs TablerNES.css vs Simplefolio

How to get it

  1. 1

    Clone and build from source

    You'll need: Git · Node.js 16.4.2 or higher · npm 7.18.1 or higher (or Yarn 1.22.10 or higher)

    Clone the repository

    git clone https://github.com/cobiwave/simplefolio

    Move into the repository

    cd simplefolio

    Install dependencies with NPM

    npm install

    Start the development server

    npm start
  2. 2

    Run it

    • Clone the repository and move into its folder.
    • Install dependencies with npm install (or yarn).
    • Run npm start to launch the development server.
    • Open http://localhost:1234/ in your browser to see the portfolio.
    • Edit /src/index.html and the files in /src/assets/ to add your own content.
  3. 3

    Get the most out of it

    • Put your profile photo, resume PDF and project images in /src/assets/ and reference them from index.html
    • Use the project section's structure to add one row per project, each with a live link and source code link
    • Replace the footer social links with your own, using Font Awesome 4.7 icon class names for other platforms
    • Customise the look by editing the SCSS files, since the template uses Bootstrap v4.3 plus custom SCSS
    • Remove the example git remote origin as the README suggests so you can push your own copy to your own repository

Downloads

Source code (.zip)master branch · straight from GitHubOfficial website & docsthe-simplefolio.netlify.app/

Strengths

  • Simple, one-page layout that is easy to understand and edit
  • Responsive design with reveal animations, according to the README
  • MIT licensed, so you can use and modify it freely

Trade-offs

  • Setup depends on Node.js, npm or Yarn and Git, which can be a hurdle for beginners; the README includes a dependency workaround for npm issues
  • The README contains a 2022 fix step and no release is tagged, so some instructions may be out of date
  • Content is edited directly in HTML, so there is no content management interface

How it compares

ProjectStarsTypeLevelUpdatedBest for
simplefolio (this)14.2kLibrarybeginner10 months agoDevelopers who want a simple one-page personal website without designing from scratch
guiadevbrasil15.8kCurated listbeginner2 months agoBrazilian Portuguese speakers starting out in programming
bootstrap175kLibrarybeginner4 days agoDevelopers building responsive websites or web app interfaces quickly
html5-boilerplate57.7kOtherbeginner5 days agoDevelopers starting a new static website who want a tested baseline
coreui-free-bootstrap-admin-template12.3kAppintermediate3 months agoDevelopers building an internal admin or dashboard page with Bootstrap
app-ideas98.4kCurated listbeginner1.1 years agoBeginners looking for practice projects to build after learning HTML, CSS, and JavaScript

Stats synced from GitHub. The assessment above was drafted with AI from the project's README on 2026-10-29 and may miss recent changes — check the README before relying on a command. MIT licence: free to use, modify and distribute, including commercially, as long as you keep the copyright notice.