✌︎ frederik ✌︎ Profile Banner
✌︎ frederik ✌︎ Profile
✌︎ frederik ✌︎

@froessell

Followers
1,369
Following
1,492
Media
1,249
Statuses
7,170

Senior Product Designer learning SwiftUI by building apps and microSaaS. - Free mockups and Framer templates

Copenhagen, Denmark
Joined April 2010
Don't wanna be here? Send us removal request.
Explore trending content on Musk Viewer
@froessell
✌︎ frederik ✌︎
10 months
Need a color palette, but you only have a single hex code? This page can help you create a custom color-muted scale with ease. 👉
Tweet media one
7
40
316
@froessell
✌︎ frederik ✌︎
9 months
@henningsanden Wait what??? I can’t count the amount of times I’ve cloned and rotated layers manually to do this. Why didn’t anyone tell me this sooner?
1
0
116
@froessell
✌︎ frederik ✌︎
1 year
1
0
91
@froessell
✌︎ frederik ✌︎
9 months
E-commerce product page design exploration. Going for the minimalistic but elegant look. What do you think?
Tweet media one
16
3
69
@froessell
✌︎ frederik ✌︎
1 year
@CharlesPattson “It’s just a sketch, right? When can we expect the final design?”
2
3
62
@froessell
✌︎ frederik ✌︎
3 years
Made a little #SAFEMOON image yesterday. Vanguard model from Sketchfab. Made with #C4D & #redshift 🚀
Tweet media one
6
14
57
@froessell
✌︎ frederik ✌︎
9 months
I’ve been testing ads for my @framer template the past few days. 1 million impressions, 2600 link clicks, but so far no sales. It had a discount code in the ad, but it didn’t help. I’ll run it again, but switch out the text and visuals. Hopefully it’ll help. #buildinpublic
Tweet media one
24
0
59
@froessell
✌︎ frederik ✌︎
2 years
I saw a post on the @framer discord about how to make a progress bar appear when you scroll the page. Took a stab at it and created this: It's far from perfect, but maybe somebody can use it as a starting point?
7
8
60
@froessell
✌︎ frederik ✌︎
11 months
🚨 Free course! 🚨 If you want to learn @rive_app but don't know where to start, then check out this free course "Rive 101 - Designing in Rive" on Youtube. It'll get you up to speed in no time. 👉
Tweet media one
0
8
58
@froessell
✌︎ frederik ✌︎
3 years
Man, @illlex_drip has been dropping some awesome sneak peaks of the next evolution of the roadmap of @HounddogDaisy . It’s going to be 🔥 Come join us and have a look.
0
39
41
@froessell
✌︎ frederik ✌︎
3 years
Could really eat some fries now @HounddogDaisy 🍟🍟🍟🍟🍟🍟
0
33
37
@froessell
✌︎ frederik ✌︎
1 year
When you give stakeholders access to your Figma file 😄
2
5
39
@froessell
✌︎ frederik ✌︎
2 years
Since I've started being more active here on Twitter and post about a lot of seemingly random things, I figured it would be a good idea to introduce myself 🧵👇
5
1
28
@froessell
✌︎ frederik ✌︎
2 years
❤️💜💛 Keyframes galore. Another @rive_app animation. This took longer than expected as I had issues with the clipping paths and had to rework my idea a bit. I ended up using strokes instead using clipping paths and it worked fine. What do you think?
1
7
33
@froessell
✌︎ frederik ✌︎
11 months
I don't animate as much as I used to and I feel a bit rusty, but I made this little animation for an app in @rive_app today. Turned out pretty good. What do you think?
3
2
32
@froessell
✌︎ frederik ✌︎
2 years
First time working with components and scroll-based animations in @framer and made this. It's still a bit wonky, but I suspect the imported unsplash images are slowing it down. I added the remix link if you want to tinker with it yourself:
1
3
33
@froessell
✌︎ frederik ✌︎
6 months
Just added an additional layout for my upcoming @framer blog template. What do you think?
7
0
30
@froessell
✌︎ frederik ✌︎
2 years
Testing @rive_app for a project today. This is just a quick test with an Illustrator SVG import. Very easy to use if you’re used to working with key frames and timelines. Definitely have to spend more time with this.
2
4
29
@froessell
✌︎ frederik ✌︎
2 years
I just discovered a nice feature in @rive_app today. You can slow down your animation by highlighting all keyframes, alt+drag the last keyframe to make the animation slower or quicker. I've used the feature for years in AE so it's great to see it here too 👌
1
7
28
@froessell
✌︎ frederik ✌︎
8 months
Big fan of the the new @greensock website. It's very different from the old one, but a big improvement. I haven't used GSAP for a few years but it's nice to see that it's still thriving. You can do so much with it, it's crazy. Check it out. 👉
1
3
28
@froessell
✌︎ frederik ✌︎
7 months
I've been trying to create this scroll effect in @framer for a while now and I finally found a solution to it 🥳🎉 It was fairly simple, once I found out how to do it. Preview: Remix:
1
0
27
@froessell
✌︎ frederik ✌︎
10 months
I just got my first template approved for the @Framer marketplace 🥳 - Easy to edit - 8 different page layouts - Free background image pack - Blog & Portfolio from the same CMS Collection - Responsive layouts - Scroll animations Check it out here:
3
0
27
@froessell
✌︎ frederik ✌︎
9 months
A quick preview of a new @framer template I'm working on. Animations are made in Rive and I've also included a working Crossfit WOD generator as a custom component. The component can be styled from the Framer UI. I'm hoping to finish it soon. What do you think?
5
0
26
@froessell
✌︎ frederik ✌︎
1 year
@gregisenberg I preferred the cold
Tweet media one
5
0
26
@froessell
✌︎ frederik ✌︎
2 years
Any 3D designers here? I'm always looking for new inspiration. Showcase your best work 👇
16
0
20
@froessell
✌︎ frederik ✌︎
9 months
🚀 Launch your personalized blog or website with ease using this Framer Blog Template! ⚡️ Skip the tedious setup and focus on the creative aspects. Customize typography, colors, and scroll animations effortlessly. Get it here for free:
1
3
19
@froessell
✌︎ frederik ✌︎
2 years
@Designmodo ⁩ just launched - a no code website builder. Can’t wait to try it out. I’ve used their products for years and I’m a big fan of their products.
0
3
20
@froessell
✌︎ frederik ✌︎
10 months
@the_Astropath Prioritize networking and looking for new work. Don’t be afraid to say no. Work normal business hours. Turn off your computer at the end of the day. If quoting a fixed price add 20% to your price to account for revisions and unforeseen things.
0
0
18
@froessell
✌︎ frederik ✌︎
10 months
"MK250" header concept Designed and animated directly in @framer Check it out here: 👉
2
1
17
@froessell
✌︎ frederik ✌︎
2 years
Shopping bag animation in @rive_app A simple trim path animation for a navbar icon. The opening of the bag was a bit tricky though.. I had to figure out how to keyframe the path of the handle and adjust it so it looked it opened with the bag. Turned out okay, I think.
1
3
19
@froessell
✌︎ frederik ✌︎
8 months
I just got my first template approved for the @Framer marketplace 🥳 - Easy to edit - 8 different page layouts - Free background image pack - Blog & Portfolio from the same CMS Collection - Responsive layouts - Scroll animations Check it out here:
2
0
16
@froessell
✌︎ frederik ✌︎
10 months
@the_Astropath You get hired for same work you have in your portfolio, not for the stuff you want to do. If you don’t like something, don’t put it in your portfolio.
0
1
16
@froessell
✌︎ frederik ✌︎
2 years
I was tasked with creating an empty state today for one of our apps at work and created this little animation in @rive_app in a few minutes using trim path settings and a few keyframes. 👌
1
1
15
@froessell
✌︎ frederik ✌︎
1 year
@zollotech Shortcuts. I like the idea of them, but never got around to actually dive into them
0
0
16
@froessell
✌︎ frederik ✌︎
1 year
It's been a hectic couple of weeks but I finally had time to sit down and play with @rive_app today. The animation is relatively simple but contains a lot of keyframes. I could probably have created this quicker and smarter but it works as a test.
2
4
16
@froessell
✌︎ frederik ✌︎
9 months
I've decided to switch from After Effects to @cavalry__app for my animation workflow as I would like to explore responsive video and automation. Wish me luck.
3
1
17
@froessell
✌︎ frederik ✌︎
7 months
I saw this awesome post from @learnframer with a gradient blur effect and wanted to try and create something similar myself as a test. I haven't figured out how to create the gradient mask for it yet, but feel free to use it. Remix it 👉
3
0
15
@froessell
✌︎ frederik ✌︎
1 year
@aleksliving Designers shouldn’t code, but being able to understand how it works on a surface level definitely helps a lot. The more you know, the easier it is to collaborate with developers
1
0
13
@froessell
✌︎ frederik ✌︎
2 years
@ormanclark “Do you have time for a quick call?”
1
0
14
@froessell
✌︎ frederik ✌︎
9 months
Been a while since I've had time to design anything just for fun, so here's a quick design. WDYT?
Tweet media one
1
0
13
@froessell
✌︎ frederik ✌︎
3 years
I made a collection on @NiftyKitApp featuring a lot of animations similar to this. Check it out.
0
2
13
@froessell
✌︎ frederik ✌︎
2 years
@ormanclark Yes it’s great! The only downside is that you have to spend much of your time talking to other people about where to place those rectangles and making presentations about what happens when you click a rectangle that takes you to another rectangle
1
1
12
@froessell
✌︎ frederik ✌︎
1 year
4
0
12
@froessell
✌︎ frederik ✌︎
4 years
@Marianne_Dauer Bare køb en masse dårlige gaver, som ingen vil have et par gange og så slipper du for det til sidst. Leka kugler og crocs til alle
1
0
12
@froessell
✌︎ frederik ✌︎
3 years
Hey! I have a Foundation invite up for grabs. Post your art in the comments and I'll pick a winner on sunday. Als, now that you're here, please check out @HounddogDaisy that drops next month. It's 🔥😍 #NFTcollectibles #foundationinvites #NFTCommunity
Tweet media one
10
2
11
@froessell
✌︎ frederik ✌︎
7 months
Video thumbnail concept in @framer Inspired by the video thumbnail on and added my own spin to it. Preview + remix link here:
1
0
13
@froessell
✌︎ frederik ✌︎
9 months
I was experimenting with @framer and made this expanding slider. Check it out here. Includes a remix link also. 👉
0
0
12
@froessell
✌︎ frederik ✌︎
7 months
Really dig this Framer template by Swiss Themes on the Framer marketplace. Well done! 👌
0
0
13
@froessell
✌︎ frederik ✌︎
1 year
Lock morph animation made in @rive_app . Been a while since I animated anything, so I needed the practice. I put the ring inside a group so I could move the anchor point so it rotated from the bottom and not the middle. Took me a while to figure out but it worked!
0
1
13
@froessell
✌︎ frederik ✌︎
8 months
#daretoshare24 The first version of the website for an NFT project called "Hound Dogs & Daisys". Designed in Figma, the website was built in Readymag.
3
0
12
@froessell
✌︎ frederik ✌︎
7 months
Think designing websites is just about static visuals? Think again. @Framer is changing the game in prototyping. Here's how 👇🧵
Tweet media one
2
1
12
@froessell
✌︎ frederik ✌︎
8 months
Quick design concept created in @framer Time to animate 😍
Tweet media one
1
0
12
@froessell
✌︎ frederik ✌︎
9 months
Over 1k 🥳🥳
Tweet media one
4
0
11
@froessell
✌︎ frederik ✌︎
11 months
Came across this font today. I'm using this for my next project! It's 🔥 (aff)
Tweet media one
Tweet media two
0
0
11
@froessell
✌︎ frederik ✌︎
10 months
I finally understand why people focus on selling and creating their own products over freelancing as a creative.
Tweet media one
3
0
11
@froessell
✌︎ frederik ✌︎
2 years
Even though I work in @figma all day, I often forget how to do simple things. Last week I had to re-color a png file of a logo but couldn't figure out how to do it. So here's a Figma quick tip on how to do that, so you don't have to google it either.
0
2
10
@froessell
✌︎ frederik ✌︎
8 months
#daretoshare24 Moving eyes in @rive_app . Artwork from
0
0
11
@froessell
✌︎ frederik ✌︎
2 years
I'm working on an updated "Link In Bio" template for @framer with more layouts. Here's a small preview. I still need to create a few more variations before it's done. Stay tuned 👍
Tweet media one
Tweet media two
2
1
10
@froessell
✌︎ frederik ✌︎
2 years
Skills to learn as a designer: - How to hit a deadline. - How to talk with clients. - How to work with a team. - How to price your work. - How to sell yourself and services. - How to build relationships. - How to promote yourself. - How to deal with burn out.
0
1
8
@froessell
✌︎ frederik ✌︎
9 months
I had some spare time today so I adjusted the online course @framer template design based on feedback from @mengdesign_tw It's starting to look good, I think. What do you think?
1
0
9
@froessell
✌︎ frederik ✌︎
2 years
@flaticon if you drop your food, you can still eat it if it only touched the floor under 5 seconds ?
4
0
9
@froessell
✌︎ frederik ✌︎
11 months
One of my all-time favorite artists is @deekaymotion with his very elaborate and well-thought-out animations. They are always a joy to watch. He's also one of the best-selling NFT artists. Well done. His breakdowns on YT are also worth a watch:
2
0
10
@froessell
✌︎ frederik ✌︎
8 months
I created a @framer tutorial for my YouTube channel a while back, so I figured I would share it here also. What do you think?
0
0
10
@froessell
✌︎ frederik ✌︎
3 years
Made this little guy using @splinetool - So much fun. Great for quickly sketching out ideas when away from my usual workstation.
Tweet media one
1
0
10
@froessell
✌︎ frederik ✌︎
9 months
So close! I set a goal for 2023 to reach 1000 followers and now I'm nearly there 🥳🎉 It took close to a year, so it wasn't a fast growth compared to a lot of the gurus you see on here, but I'm pretty proud of myself for actually sticking to it.
Tweet media one
3
1
10
@froessell
✌︎ frederik ✌︎
9 months
Like everyone else, I'm testing Midjourney v6. It's crazy to think that this is AI generated 🤯
Tweet media one
0
0
9
@froessell
✌︎ frederik ✌︎
2 years
New freelancers: - Promote yourself - Talk to people - Sell Until you enjoy them all. Get out of your comfort zone 😬
0
0
8
@froessell
✌︎ frederik ✌︎
2 years
Another @rive_app animation 😎
0
2
9
@froessell
✌︎ frederik ✌︎
10 months
I'm genuinely impressed. The ability to add animations like Appear, Hover, and Scroll, and make them reusable is a game changer. Really looking forward to seeing how these updates will enhance web and app designs. Great work, @framer !
@benjaminnathan
benjamin
11 months
🍬 New in @framer . Effects, now in Components.
66
50
512
0
0
9
@froessell
✌︎ frederik ✌︎
9 months
One of the best mockup generators I've seen in a long time 😍 👉
0
0
8
@froessell
✌︎ frederik ✌︎
1 year
I just published this new iPhone mockup bundle on my Gumroad page 🥳 Present your app designs in style with these handcrafted high quality mockups rendered in 4K. 👉 #iPhoneMockups #DesignInspiration #ui #ux #visualdesign #apps #websites #presentations
Tweet media one
Tweet media two
Tweet media three
1
0
8
@froessell
✌︎ frederik ✌︎
2 years
@ormanclark I use the trash bin for that and never empty it. I like to live on the edge.
0
0
9
@froessell
✌︎ frederik ✌︎
1 year
Paywalls are hard to design 😱 Here's some inspiration for you: Check it out: 👉
0
0
7
@froessell
✌︎ frederik ✌︎
1 year
@figma I could really need typography variables so I can change font families when working with multi brand design systems
2
0
7
@froessell
✌︎ frederik ✌︎
7 months
🖥️ Came across a new font resource for designers 🖥️ Check it out: 👉
Tweet media one
0
0
8
@froessell
✌︎ frederik ✌︎
7 months
I just saw that @MotionDesignMe has launched a course on @rive_app . Thinking of getting it and practicing creating some animations again. Been a while.
Tweet media one
1
0
8
@froessell
✌︎ frederik ✌︎
3 years
Hey #NFTCommunity - I've turned one of the artworks I have listed on Foundation into a cinemagraph. Should I mint this also? If so, where? If not, why? #nftnoob #nftcollector #NFTs #NFTartists
2
0
8
@froessell
✌︎ frederik ✌︎
11 months
I played around in Midjourney and created a few more wallpapers/Hero images. Feel free to use them for your projects.
Tweet media one
Tweet media two
Tweet media three
1
0
8
@froessell
✌︎ frederik ✌︎
1 year
I worked on a favorite-button animation in @rive_app today. It looks quite simple, but it took a while to set up the state machine so the developers could handle the states on the app side. Once everything works and the file is set up, we can have fun with the animations.
0
2
8
@froessell
✌︎ frederik ✌︎
1 year
😍 Free @framer blog template The Minimalist blog 🖋️ - Powered by CMS - Scroll animations - Blog archive, blog page, 404 and 2 versions of the homepage - Stylesheet for easy customisation 👀 Preview: Get it for free here: 👉
1
0
8
@froessell
✌︎ frederik ✌︎
9 months
I've spent some time working on my next @framer template. I really like the transition between the slides. I've also added a few variations of the stagger animation so you have a few options to choose from. What do you think? #buildinpublic
1
1
8
@froessell
✌︎ frederik ✌︎
9 years
"ShopSiteAwards is a showcase of the best eCommerce designs and patterns." Lots of great inspiration
0
0
8
@froessell
✌︎ frederik ✌︎
10 months
@the_Astropath Set money aside for savings so you don’t become desperate when you are without work for a few weeks. You’ll end up saying yes to jobs you normally would have said no to and hate every second of it.
1
0
8
@froessell
✌︎ frederik ✌︎
9 months
Gone are the days of static mockups. With Framer, I can make my website prototypes responsive and interactive in no time which makes it a 1000x easier to get stakeholder buy-in. It's not just design; it's the future of how we experience the web.
Tweet media one
0
0
7
@froessell
✌︎ frederik ✌︎
9 months
😍 Free @framer blog template The Minimalist blog 🖋️ - Powered by CMS - Scroll animations - Blog archive, blog page, 404 and 2 versions of the homepage - Stylesheet for easy customisation 👀 Preview: Get it for free here: 👉
1
0
7
@froessell
✌︎ frederik ✌︎
9 months
@namyakhann Two different aesthetic for different audiences. The “cheap” has multiple categories while the “expensive” looks to be just one brand where they most likely control everything themselves. The “cheap” appears to feature multiple brands so they can’t control the images. I also
0
0
6
@froessell
✌︎ frederik ✌︎
3 years
0
2
6
@froessell
✌︎ frederik ✌︎
2 years
@agustinbg @darylginn Also the 200$ client is most likely spending his own money in his small business while the 10.000$ client is buying from a marketing budget. It’s always easier to buy when it’s not your own cash and are used to working with creatives
0
0
7
@froessell
✌︎ frederik ✌︎
7 months
@icreatelife This was one of my favorite plugins back when I started using Photoshop 👴
Tweet media one
2
0
6
@froessell
✌︎ frederik ✌︎
9 months
Came across this great youtube video today about @Framer and a rolling text effect. Will try it out in my next project. It looks awesome. Check it out:
Tweet media one
1
0
7
@froessell
✌︎ frederik ✌︎
9 months
I reworked the layouts (on the left) to use autolayout for better responsive scaling. I ended up using the CropTop plugin to align the images. It's not ideal, but works for now. It took about 2 min to adjust and export everything. A big improvement from earlier.
Tweet media one
2
0
4
@froessell
✌︎ frederik ✌︎
2 years
Remember to detach your ego from your work. If a client criticizes your work it’s not personal even though it can feel like it.
1
0
6
@froessell
✌︎ frederik ✌︎
3 years
I have 3 @withFND invites up for grabs. Follow + RT and drop your art below 👇 I’ll pick 3 winners in 72 hours. #FoundationInvite #NFTartist
Tweet media one
2
1
6
@froessell
✌︎ frederik ✌︎
2 years
“Successful businesses are built by solving critical problems for an audience that will pay for a solution to their issues.” Zero to Sold, by Arvid Kahl.
2
1
7
@froessell
✌︎ frederik ✌︎
1 year
@felipeelioenay I was a big fan of Computer Arts back in the day. I don’t think it exists anymore sadly.
Tweet media one
0
0
7
@froessell
✌︎ frederik ✌︎
2 years
Remote design work: Day to day written team communication - staring at a screen Video meetings - staring at a screen Daily design work - staring at a screen Finding time away from screens before and after work is very important. Go for a walk.🏃‍♀️🏃‍♂️
0
0
6
@froessell
✌︎ frederik ✌︎
3 years
@LineHolm1 Imponerende at stavefejlen også er med i brødteksten.
0
0
7
@froessell
✌︎ frederik ✌︎
3 years
Our daughter loves unicorns, so I made a little poster for her room #C4D #Redshift
Tweet media one
0
1
5