lmas3009 / design2code2live

Convert the design to code to live. Below is the demo link

About Me

• I am good at building Web Applications using ReactJs, Html, CSS, JavaScript, tailwind CSS.
• I am good at building Mobile Applications using Flutter and React Native.
• I am good at UI/UX Designing.
• I am moderate on building backend server-side using Nodejs, expressjs, MongoDB, PostgreSQL.
• I write articles on some stuff related to my projects on Medium article "aravindkumarvemula.medium.com".
• I am new to Video Editing☺️.
• This is my Portfolio aravind-kumar-vemula
• 💬 Ask me about anything here

Social Network

• Twitter: AravindKumarV09
• Github: AravindKumarVemula
• Linkedin: Aravind Kumar Vemula

🔧 Langs / Tools / Frameworks

FrontEnd:

Backend:

Mobile:

UI/UX:

Top Repositories

design2code2live's Issues

Design 19

You can find design-related images in the Design 19 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Discussion session

Hi all,
Thanks to all who contributed to this repository till now. Kudos to @HimangsKalita @shraddha15-creator @soumali28 @pratiksrivastava01 @gabrielsozinho @NyanCyanide @Esha-01 @lakshyaagr1105 @KrishnaChaitanya1822 @sumitmaithani123 @abhayanand08 @manipta @Nainish-Rai @AayushBiswas

Can share your experience... And if you want to contribute more you can directly raise a PR with your code and screenshot

Design 36

Upload your designs and code in the Design 36 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 34

Upload your designs and code in the Design 34 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 22

Upload your designs and code in the Design 22 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 02

You can find design-related images in the Design 02 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

font-style: Noto Sans KR

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 08

You can find design-related images in the Design 08 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 23

Upload your designs and code in the Design 23 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 11

You can find design-related images in the Design 11 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 28

Upload your designs and code in the Design 28 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 55

Create a folder with the Design 55

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 26

Upload your designs and code in the Design 26 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 32

Upload your designs and code in the Design 32 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 05

You can find design-related images in the Design 05 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 24

Upload your designs and code in the Design 24 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 57

Create a folder with the Design 57

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 21

Upload your designs and code in the Design 21 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 54

Create a folder with the Design 54

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 35

Upload your designs and code in the Design 35 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 37

Upload your designs and code in the Design 37 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 56

Create a folder with the Design 56

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 14

You can find design-related images in the Design 14 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 51

Create a folder with the Design 51

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 07

You can find design-related images in the Design 07 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 31

Upload your designs and code in the Design 31 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 15

You can find design-related images in the Design 15 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 25

Upload your designs and code in the Design 25 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 58

Create a folder with the Design 58

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 03

You can find design-related images in the Design 03 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 53

Create a folder with the Design 53

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 50

Create a folder with the Design 50

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 18

You can find design-related images in the Design 18 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 01

You can find design-related images in the Design 01 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

font-style: Poppins

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 12

You can find design-related images in the Design 12 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 40

Upload your designs and code in the Design 40 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 17

You can find design-related images in the Design 17 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 13

You can find design-related images in the Design 13 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 30

Upload your designs and code in the Design 30 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 27

Upload your designs and code in the Design 27 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 10

You can find design-related images in the Design 10 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 16

You can find design-related images in the Design 16 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 04

You can find design-related images in the Design 04 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 38

Upload your designs and code in the Design 38 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 39

Upload your designs and code in the Design 39 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 06

You can find design-related images in the Design 06 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 20

You can find design-related images in the Design 20 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 09

You can find design-related images in the Design 09 folder

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 52

Create a folder with the Design 52

Optional: Make it Responsive

Design by Aravind Kumar Vemula

Design

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 33

Upload your designs and code in the Design 33 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com

Design 29

Upload your designs and code in the Design 29 folder

Create your own design or take the design from Dribble and try to build it and push the code.

Build a Website

Resources

fonts: https://fonts.google.com
colors: https://coolors.co
images: https://unsplash.com or https://www.pexels.com