Simple but Minimal Portfolio template

Simple but minimal Portfolio Website using React and GSAP

Hi everyone, my name is Devang Saklani. I’m a Front-end Developer from India and I’ve recently built a Simple portfolio website using React and GSAP.
Everyone can use this website an…


This content originally appeared on DEV Community and was authored by Devang Saklani

Simple but minimal Portfolio Website using React and GSAP

Hi everyone, my name is Devang Saklani. I'm a Front-end Developer from India and I've recently built a Simple portfolio website using React and GSAP.
Everyone can use this website and modify it in which ever way they want (no attributions necessary).

Check it out live: here (Feedbacks will be appreciated)
Github repo: here

Lighthouse score:
Lighthouse score

I've also added few default themes but You can also make and add your own theme by making a simple CSS Class like:

.unique_theme {
    --bg: #0c0f0a;
    --primary: #f8f8f8;
    --secondary: #d1d1d1;
    --highlight: #41ead4;
    --card: #ffffff08;
    --icon-bg: #9e6e6e1a;
    --icon-bg-hover: #ffffff1c;
}

and then add this Class to <body> tag in index.html.

Available default themes:

  • Dark theme

Dark theme

  • White theme

White theme

  • Blue theme

Blue theme

  • Green theme

Green theme

How to change themes

To change themes go to index.html file and change the class of body tag to the theme name like:

<body  class="green">

or

<body  class="dark">

If you have any feedback please add a Comment below and Contribute in this project.


This content originally appeared on DEV Community and was authored by Devang Saklani


Print Share Comment Cite Upload Translate Updates
APA

Devang Saklani | Sciencx (2021-09-14T15:51:45+00:00) Simple but Minimal Portfolio template. Retrieved from https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/

MLA
" » Simple but Minimal Portfolio template." Devang Saklani | Sciencx - Tuesday September 14, 2021, https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/
HARVARD
Devang Saklani | Sciencx Tuesday September 14, 2021 » Simple but Minimal Portfolio template., viewed ,<https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/>
VANCOUVER
Devang Saklani | Sciencx - » Simple but Minimal Portfolio template. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/
CHICAGO
" » Simple but Minimal Portfolio template." Devang Saklani | Sciencx - Accessed . https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/
IEEE
" » Simple but Minimal Portfolio template." Devang Saklani | Sciencx [Online]. Available: https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/. [Accessed: ]
rf:citation
» Simple but Minimal Portfolio template | Devang Saklani | Sciencx | https://www.scien.cx/2021/09/14/simple-but-minimal-portfolio-template/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts