Kosta @MotreskuKosta Twitter profile | Pikagi

Pikagi

Kosta

@MotreskuKosta

2,204

Followers

253

Following

310

Media

2,728

Statuses

🟢Open for work Web design & Framer Official @Framer partner Framer components :

Aalst, Belgium

https://t.co/qDFk0jhKmN

Joined November 2015

Don't wanna be here? Send us removal request.

Pinned Tweet

@MotreskuKosta

Kosta

2 months

Yooo! 🎉 Together with @MaximeVandenbe3 , we've launched a website dedicated to Framer components and templates. The best part is that you can access it for free, without even submitting your email. This is our way of giving back to the amazing community that has supported us

13

4

118

Last Seen Profiles

@CeelosFTW

@kgcinemas

@bossctsi

@BinorRaja

@KittyvdHeijden

@Drsumukh19

@itsyanna07_

@BinorRaja

@panquimolina

@drgreeenbeen

@XHeroesPH

@stwmaniax

@lerikaangel

@grupoetra

@Loserman30

@stwmaniax

@branda_tr

@hoscos_world

@Richetler

@BinorRaja

@GMC__01

@TinnierArt

@grande73279

@Amaniekarim3

@d3am_b

@si_asc_deM

@Morbidful

@t4tproject

@MissG0121

@erin_clyburn

@misakiCein

@RomanukPaul

@southasianctf

@M5_Fox

@TaylorrKiara

@nadya9252

@MotreskuKosta

Kosta

5 months

Day 26 of learning web design Today I created an animation for a glasses website

241

299

5K

@MotreskuKosta

Kosta

5 months

Day 16 of learning web design. Today, I created a pricing section for an industrial art museum

Tweet media one

51

19

580

@MotreskuKosta

Kosta

4 months

Day 9 of Learning Framer Today, I brought this animation to life by using the Thicker component. And for the wheels, I used loop animation. No idea if I did it the right way, but seems responsive and doesn’t break. The video is not very smooth because the fps are not the same

31

17

321

@MotreskuKosta

Kosta

5 months

Here's how to create these types of buttons in just a minute

12

8

312

@MotreskuKosta

Kosta

5 months

Day 2 of Learning Framer Today, I rebuilt Dribbble’s hero section. This time, I added a level of difficulty to my challenge, and it took me some time to figure everything out, but in the end, it was worth it. Time spent: ~4:00 hours Struggles: Creating the moving UI cards

30

8

283

@MotreskuKosta

Kosta

5 months

Day 1 of learning Framer. Today, I rebuilt Apple’s hero section. My challenge for the next 7 days is to rebuild some of the best hero sections out there. The goal is to learn how to design responsively and get used to Framer’s interface. Time spent ~2h:40m Struggles:

28

9

247

@MotreskuKosta

Kosta

3 months

Day 68 of Learning Web Design & Framer After a few iterations I came up with this hero for the landing page. Tomorrow, I will continue to design the rest of the page.

Tweet media one

9

14

223

@MotreskuKosta

Kosta

5 months

Day 3 of Learning Framer Today I tried to rebuild the Tesla website. As simple as it looks, I couldn't make it identical. I couldn't make the car shrink in size on mobile the same way it does on Tesla's website. Time spent: ~4 hours and 20 minutes Struggles: Making the

17

3

154

@MotreskuKosta

Kosta

5 months

Day 13 of learning web design Today I created a concept design for a Cloud and data analytics website

Tweet media one

16

3

150

@MotreskuKosta

Kosta

1 month

So, after a week of working on my personal visual identity, it's finally done. I also got a new profile pic, so if you see my posts, it's still me😅

Tweet media one

17

0

147

@MotreskuKosta

Kosta

3 months

Day 88 of Learning Web Design & Framer Today I finished the figma version. Tomorrow I will start building it in Framer

19

2

148

@MotreskuKosta

Kosta

5 months

Day 17 of learning web design. Today I designed an ‘About Me’ section for a photographer’s landing page

Tweet media one

15

3

145

@MotreskuKosta

Kosta

4 months

Day 4 of learning Framer Today I rebuilt the awwwards website. It's the first-day struggle-free, and I'm starting to get addicted to Framer already. Such an amazing tool. Time spent: ~2 hours Struggles: 0

11

2

145

@MotreskuKosta

Kosta

4 months

Day 5 of learning Framer (7 days of responsiveness) Today, I rebuilt the Framer's hero section. It was super easy, and for the first time, I was able to do it in under 2 hours. Time spent: ~1 hour and 40 minutes Struggles: Creating the gradient (unfortunately, I wasn't able to

19

1

146

@MotreskuKosta

Kosta

5 months

Day 29 of learning web design I've started designing the final website for this challenge. It's going to be a redesign of an existing nonprofit company called 'Wasteaid.' I've already come up with two ideas for the hero section. Let me know which one you prefer?

Tweet media one

30

5

140

@MotreskuKosta

Kosta

5 months

30 days in numbers Yesterday, I completed my challenge of learning web design. I posted 30 designs but created many more. A month ago, I had around 30 followers. I cannot express my gratitude enough. Thank you so much! Tomorrow, I will start a new 30-day (learning Framer)

Tweet media one

29

1

134

@MotreskuKosta

Kosta

5 months

Day 27 of learning web design. First, thank you for your support on yesterday's post, I really appreciate it. Today, I decided to create something very simple. No animations, no interactions, just a simple newsletter sign-up modal

Tweet media one

18

1

131

@MotreskuKosta

Kosta

5 months

Day 25 of learning web design / designing UI elements Today, I designed a progress bar using a pipe graphic to showcase the pipe repair process for a plumbing company

20

7

130

@MotreskuKosta

Kosta

5 months

What a week! Here's my strategy for month 1: Week 1: Designed hero sections for desktop. Week 2: Designed hero sections for mobile. Week 3: Design various sections of a website. Week 4: Design UI elements. Day 30: Design a complete website in Figma.

11

10

129

@MotreskuKosta

Kosta

5 months

Day 18 of learning web design. Testimonials section for a design agency I'm a little late today, had to recover from yesterday's adventure.

Tweet media one

13

3

127

@MotreskuKosta

Kosta

2 months

Hero concept for a Nanotechnology Company

Tweet media one

11

0

128

@MotreskuKosta

Kosta

1 month

Started working on my portfolio website, it should be done by the end of the week

Tweet media one

19

1

126

@MotreskuKosta

Kosta

4 months

Day 7 of Learning Framer (7 Days of Responsiveness) - Last Day This one was a bit of a disaster. I had to use absolute positioning for the numbers on the cards, and they ended up moving around uncontrollably, which was really hard to manage. I'm going to have to spend some more

9

8

119

@MotreskuKosta

Kosta

5 months

Week 4 of my web design challenge has ended. There are 2 more days of this challenge in which I will design a full website from scratch. Tomorrow I will gather info, inspo, and on Tuesday I will design the website. After this challenge, I will start learning framer for

14

3

115

@MotreskuKosta

Kosta

2 months

Architectural bureau hero concept

Tweet media one

8

0

116

@MotreskuKosta

Kosta

4 months

I'm 28 Today Here’s how and why I’m getting into web design. In 2021, I decided to post on Instagram about Photoshop and Illustrator, thinking that this would make me a graphic designer. Plot twist: it didn’t. Until a few months ago, I called myself a graphic designer even

Tweet media one

49

1

115

@MotreskuKosta

Kosta

5 months

Week 3 (21 days) of learning web design has ended. Next week, I'm going to focus on designing UI components for web. After week 4, I will move to Framer, where I'm going to spend another month

16

7

109

@MotreskuKosta

Kosta

3 months

Day 75 of Learning Web Design & Framer Today, I finished the landing page. Here's the link to the live website:

20

4

109

@MotreskuKosta

Kosta

5 months

Day 20 of learning web design. Today I designed a "Projects section" for a designer

Tweet media one

19

3

107

@MotreskuKosta

Kosta

4 months

Day 28 of Learning Framer (6/7 using ChatGPT to generate code for Framer) Today, I created a before-and-after slider. Although today marks the last day of this challenge, there are still 3 days left until my one-month Framer challenge ends. Therefore, I will extend the code

17

2

106

@MotreskuKosta

Kosta

3 months

Day 89 of Learning Web Design & Framer The build in Framer has started

Tweet media one

10

1

106

@MotreskuKosta

Kosta

1 month

Yesterday, I created a logo for my personal brand. I spent a few hours checking if the logo doesn't exist. This week, I will work on my portfolio website. I'm a week behind schedule because I was sick last week. Do you think it is necessary to have a personal logo?

Tweet media one

27

1

105

@MotreskuKosta

Kosta

4 months

Day 11 of learning Framer. Today, I learned horizontal I realised that I haven't created many tutorials until now. So, here’s a thread on how to create horizontal scrolling in Framer. Enjoy!

12

2

101

@MotreskuKosta

Kosta

3 months

Day 74 of Learning Web Design & Framer Finally, I've finished the landing page. This is the Figma version without interactions. I need to make the Framer file responsive, and then it's good to go

8

3

101

@MotreskuKosta

Kosta

4 months

60 Days of Consistency Yesterday was my last day of the Framer challenge. I learned a lot and gained a better understanding of how the web works and how I should design in the future. There’s one month left until I can start freelancing. In the next month, I will begin building

Tweet media one

20

1

101

@MotreskuKosta

Kosta

22 days

Found a website from a local bike store that I know. It took me 15min to redesign it. Bofere (left) | After (right)

Tweet media one

Tweet media two

18

2

99

@MotreskuKosta

Kosta

5 months

Day 21 of learning web design Today, I designed a services section for a designer once again

Tweet media one

19

4

96

@MotreskuKosta

Kosta

5 months

Day 30 of learning web design. After all your amazing feedback from yesterday, I decided to completely change the hero section. So here's the website. P.S.: I've only created the homepage. One day was too short for me to complete the entire website.

13

5

93

@MotreskuKosta

Kosta

5 months

Day 28 of learning web design Today I tried to make a funnier CAPTCHA. In my head the idea was great but after animating I realised that it's really bad😂

18

5

89

@MotreskuKosta

Kosta

4 months

Day 8 of learning Framer The responsiveness challenge is over. In the next few days, I will focus on animation, hover effects, etc. It’s not the most crucial thing to learn in the beginning, but I need some dopamine after seven days of focusing on responsiveness,😅. Today, I

10

4

90

@MotreskuKosta

Kosta

4 months

Day 12 of learning Framer Today, I used a component to turn a light bulb on and off with a single click. The text color matches the background, so when you turn the light on, you can read the text. If you want to remix it, DM me.

13

2

87

@MotreskuKosta

Kosta

3 months

Day 81 of Learning Web Design & Framer It's Saturday, and I started to gather inspo for my next website. Have a wonderful weekend, y’all!

Tweet media one

10

0

85

@MotreskuKosta

Kosta

3 months

Day 71 of Learning Web Design & Framer Today I continued the benefits section. Also, for the first time ever I created a set of icons (4)

9

3

84

@MotreskuKosta

Kosta

3 months

Yesterday was the last day of my 90-day challenge of journaling my journey in web design and Framer. It was one of the most intense challenges I’ve ever done, and I achieved some pretty good results. The main goal was to journal daily, no matter how I felt. It definitely wasn’t

Tweet media one

16

2

81

@MotreskuKosta

Kosta

4 months

Day 10 of Learning Framer Today, I created this scroll interaction, which was by far the most frustrating moment since I started my journey. Not only could I not fully create the initial idea, but even after completing it, I still don’t understand very well how it works. I

7

2

78

@MotreskuKosta

Kosta

3 months

Day 67 of Learning Web Design & Framer Today I started working on the design elements for the hero, I'm gonna create multiple things in blender and Figma to see what fits the best my landing page.

Tweet media one

6

2

79

@MotreskuKosta

Kosta

4 months

Day 26 of Learning Framer (5/7 using ChatGPT to generate code for Framer) Today I created a component that generates a squircle and if you increase the smoothness value, you'll morph the squircle into a cross. Not the most useful thing but it's fun

7

3

72

@MotreskuKosta

Kosta

4 months

Day 22 of Learning Framer (2/7 using ChatGPT to generate code for Framer) Today I created this hover interaction, instead of dragging, you need to hover and move your mouse

11

3

70

@MotreskuKosta

Kosta

5 months

Day 22 of learning web design / designing UI components Today I created an info UI card for a Japanese fish website

Tweet media one

9

2

70

@MotreskuKosta

Kosta

3 months

Yesterday, I applied to become a Framer Partner, and today I'm already in. Damn, they're quick. Thanks @framer

Tweet media one

18

1

68

@MotreskuKosta

Kosta

4 months

Day 14 of Learning Framer After yesterday's disappointment, I was able to make the laptop rotate on scrolling. Huge thanks to @WeekendVisuals for mentioning the scroll variant, which I somehow missed.

8

3

68

@MotreskuKosta

Kosta

3 months

Day 73 of Learning Web Design & Framer Almost finished the Showcase section, need to change the content and some of the mockups. What do you think about this horizontal parallax? Should i make it more obvious?

7

0

67

@MotreskuKosta

Kosta

4 months

Day 27 of Learning Framer (6/7 using ChatGPT to generate code for Framer) Today I created a shape generator component. Most of the shapes are customizable and you can add gradients as well. Dm me, if you want the component.

9

4

67

@MotreskuKosta

Kosta

4 months

Day 19 of learning Framer Today, I attempted to make this section a carousel and link the images and content to the CMS, but it was unsuccessful. No idea if this is even possible in Framer the way I want it. I will try it a few more times, otherwise I will change the design a

Tweet media one

8

2

66

@MotreskuKosta

Kosta

4 months

Day 20 of learning Framer I modified the design, but it still couldn't fully integrate with the CMS. I think after learning Framer, I will need to learn a bit of coding as well since Framer has some limitations in cases like this

14

1

64

@MotreskuKosta

Kosta

2 months

I created this heatwave a while ago in Photoshop, and tried to see how it would look in a hero

Tweet media one

11

1

64

@MotreskuKosta

Kosta

4 months

Day 6 of learning Framer (7 days of responsiveness) This is my proudest moment so far, guys I was able to design these cards entirely in Framer using auto layout. As you can see, they are 100% responsive as well Time spent: ~5 hours Struggles: Trying to make the cards not

12

2

63

@MotreskuKosta

Kosta

5 months

Day 14 of learning web design. Today, I created a hero section for a small fashion store. For the next 7 days, I'll be creating different sections, which means no more hero sections for mobile. Honestly, designing for mobile wasn't as interesting as designing for desktop. I

Tweet media one

11

0

55

@MotreskuKosta

Kosta

4 months

Day 17 of Learning Framer Today, I explored the elements section in Framer to gain a better understanding of what they are all about. Since I don't have any visuals to share today, I want to let you know that I got 86 free gradients available on my Gumroad store. You can find

Tweet media one

Tweet media two

4

2

58

@MotreskuKosta

Kosta

2 months

Hero concept design for an agency website. This could be 👉 your website, I'm open for work. Let's make your website a better place

Tweet media one

10

0

54

@MotreskuKosta

Kosta

4 months

Day 24 of Learning Framer (3/7 using ChatGPT to generate code for Framer) I found an analog clock on Codepen created by Vipin Yadav and converted it into a Framer component. The clock displays the correct time regardless of your location, which I think is really cool. You can

8

1

55

@MotreskuKosta

Kosta

4 months

Day 29 of Learning Framer (8/7 using ChatGPT to generate code for Framer) Today I found a really cool website (universe . io) where people share different code components. I found this cube by: csemszepp and decided to convert that code into a framer component.

5

1

54

@MotreskuKosta

Kosta

3 months

Day 66 of Learning Web Design & Framer Today I created my mood board for the landing page. I already have an idea of how some of the sections are gonna look, so I didn't include many section examples. Btw do you provide mood boards to your clients? If yes, why?

Tweet media one

9

1

54

@MotreskuKosta

Kosta

3 months

Day 90 of Learning Web Design & Framer The desktop version is done

9

0

54

@MotreskuKosta

Kosta

4 months

Day 18 of learning Framer An hour ago I started learning about CMS. Watched a video by @theryanhayward . I think that's all that I need.

Tweet media one

10

1

54

@MotreskuKosta

Kosta

3 months

Day 76 of Learning Web Design & Framer Today, I started a new course, it's about interactive web design in Figma. The next few days I will finish it, then I will start designing a new website for my portfolio. Not related to my journey but got nothing visual for today. So below

10

0

53

@MotreskuKosta

Kosta

2 months

Design studio concept design

Tweet media one

5

0

53

@MotreskuKosta

Kosta

4 months

Day 21 of learning Framer. This week was very boring. I focused mainly on CMS. Now, I understand what this feature is and how it works. Additionally, this week I concluded that I need to learn a bit of code as well. So, in my last Framer week challenge, I will start learning

Tweet media one

7

0

52

@MotreskuKosta

Kosta

4 months

Day 13 of Learning Framer Today I tried to recreate the recent section of Microsoft's website. No matter how much I tried, it didn't work out. So, here's an animation instead. It activates when you click on it.

6

1

51

@MotreskuKosta

Kosta

2 months

Photography hero section

Tweet media one

11

1

50

@MotreskuKosta

Kosta

5 months

Day 24 of learning web design / designing UI components Today, I attempted to create a button based on the reflections that Apple used for the new iPad Pro, but it was a failure 😅

Tweet media one

10

0

48

@MotreskuKosta

Kosta

26 days

Yesterday I learned that you can switch back to the old Figma UI

9

1

46

@MotreskuKosta

Kosta

3 months

Day 69 of Learning Web Design & Framer Yesterday and today have been really unproductive. It's really hot outside, and I can't focus or be productive. Today, I was only able to write a sentence and create this text reveal section. 😭

9

1

45

@MotreskuKosta

Kosta

3 months

Day 70 of Learning Web Design & Framer One of the hardest part of building this landing page is the fact that there's no story behind the product. Creating content around a product that has no story is so damn hard.

9

1

44

@MotreskuKosta

Kosta

3 months

Day 84 of Learning Web Design & Framer Not sure which one to choose. What would you do?

Tweet media one

19

0

42

@MotreskuKosta

Kosta

14 days

Local directory website redesign

Tweet media one

Tweet media two

12

0

42

@MotreskuKosta

Kosta

4 months

Day 15 of Learning Framer Today marks the beginning of the third week of my Framer journey. This means I will shift my focus from interactions to learning about CMS, integrations, and efficient workflows. To start, I began building the website I designed two weeks ago.

6

0

42

@MotreskuKosta

Kosta

5 months

Day 15 of learning web design. Today, I created an 'Our Team' section using a corporate style. P.S.: Ignore the heading 😁

9

1

40

@MotreskuKosta

Kosta

3 months

Day 79 of Learning Web Design & Framer I've finally finished the course and am now looking to design and build a new website. Today, I started doing some research on the niches I could choose. Tomorrow, I will research structure, content, and visuals

Tweet media one

8

0

41

@MotreskuKosta

Kosta

3 months

Day 78 of Learning Web Design & Framer Almost finished the course about interactive web design in Figma. Still nothing to show, so here's another old video that I created as a content creator on instagram (sound on)

6

0

40

@MotreskuKosta

Kosta

5 months

@pentaclay I'm gonna be honest, even tho I wear glasses, I didn't know they don't magnify, thanks for the comment

6

0

37

@MotreskuKosta

Kosta

4 months

Day 25 of Learning Framer (4/7 using ChatGPT to generate code for Framer) I created a Countdown component with many customizable options in like 2 hours. You can modify it however you like, it also has a negative progress bar. Comment 'component' if you want me to send it over

3

2

37

@MotreskuKosta

Kosta

4 months

Day 61 of learning web design & Framer A while ago, I purchased some courses on Domestika, and today, for the first time on this journey, I started to follow a course. The picture below is from 3 years ago when I first got into the creative world. At that time, I didn't know

Tweet media one

6

1

37

@MotreskuKosta

Kosta

4 months

Day 30 of Learning Framer (9/7 using ChatGPT to generate code for Framer) Today (the last day of my Framer challenge) I created a 3d animated cube. You can upload your own pictures to it and change the size. There's also an option where it follows the cursor but I don't like it

8

2

35

@MotreskuKosta

Kosta

5 months

Day 22 of learning web design / designing UI components Today, I created a confirm button using a slider style, where you have to slide it to the right to confirm. This style is 100% inspired by @farrelput ’s wallet design. Make sure to check him out Sound on🔊

11

0

34

@MotreskuKosta

Kosta

5 months

While trying to create today's design, I had a problem where I couldn't center one of the strokes with the others Here's the fix: Type '0.5' in the X/Y field and boom!

9

0

33

@MotreskuKosta

Kosta

3 months

Day 72 of Learning Web Design & Framer Today I started working on the showcase section

Tweet media one

1

1

34

@MotreskuKosta

Kosta

3 months

Day 77 of Learning Web Design & Framer Today I continued the course about interactive web design in Figma. Again, I got nothing visual to show so, I will share an ui card that I created in Framer using the ticker component

4

0

31

@MotreskuKosta

Kosta

3 months

Day 65 of Learning Web Design & Framer Today, I decided on the landing page I’m going to create. Also, I started researching content structure. The next step is to create a mood board, which I will do tomorrow.

Tweet media one

6

1

33

@MotreskuKosta

Kosta

3 months

Day 63 of Learning Web Design & Framer Today, I finished the first course on web design. This course focused on building a personal portfolio. Although it was very beginner-oriented, there were a few valuable things that I took away from it. The most important thing I learned

Tweet media one

6

0

33

@MotreskuKosta

Kosta

3 months

Day 64 of Learning Web Design & Framer Today, I started another course, this one is about landing pages. Compared to the one from yesterday, this one has taught me quite a few things. After I finish this course, I will build a landing page to showcase it in my portfolio. The

Tweet media one

7

0

31

@MotreskuKosta

Kosta

3 months

Day 80 of Learning Web Design & Framer I've found the niche for my next website project, I will redesign an existing website for a startup company called Zerotier.

Tweet media one

9

0

30

@MotreskuKosta

Kosta

4 months

Day 22 of Learning Framer (1/7 using ChatGPT to generate code for Framer) For day one, I decided to improve Framer’s carousel component. Unfortunately, I found that you cannot create overrides for it, so I decided to create it from scratch. Goals: 🎯Recreate the same carousel

5

1

31

@MotreskuKosta

Kosta

2 months

Biomimicry hero concept design

Tweet media one

5

0

29

@MotreskuKosta

Kosta

5 months

Day 12 of learning web design Today I created a concept design for a design agency

Tweet media one

3

0

30

@MotreskuKosta

Kosta

5 months

Day 19 of learning web design. Today I designed a blog section for an architecture bureau

Tweet media one

3

0

28

@MotreskuKosta

Kosta

2 months

3d materials hero section

Tweet media one

2

0

29

@MotreskuKosta

Kosta

3 months

Day 85 of Learning Web Design & Framer Thanks for all your input on my hero section from yesterday. I decided to go with the left one. Today, I started working on the next section

Tweet media one

4

0

26

@MotreskuKosta

Kosta

3 months

Day 87 of Learning Web Design & Framer Another section done, 2 more to go. And I got 3 more days until my web design /framer challenge ends.

Tweet media one

5

0

27