Alex Barashkov @alex_barashkov Twitter profile

Last Seen Profiles

@mpi_trhk000

@BDesniar

@uhhdzii

@r0uxlylou

@ClasicaXTV

@PacoZeaCom

@kenxcie

@CoachWalkerSTU

@LaDariusJ2

@ahleeoh

@Tarzan61708724

@MarlonThom66897

@field_mega

@Hawkfrost09

@xJR0TKjcNoWPUUI

@RandyBelcher57

@guy1036697

@PasutriAsli2

@RosamundD692

@maksim_ioffe

@RatnadipC

@petergriffin527

@MeinakneM

@ryroberts

@Bjorktobe

@bntabhaaldlwhm1

@Koume_nitizyou

@djcoach_sa

@ruthmor98248942

@SplinterCo926

@K50au4NoaJb4y2

@official_Flend

@ffx_rw

@murphnorris

@sauds77

@MutedOff

Alex Barashkov

@alex_barashkov

2 months

We charged $89,775 for this new @huly_io landing page. Ask me anything. Huly, an open-source platform, serves as an all-in-one replacement of Linear, Jira, Slack, and Notion. We did Branding, Design, Development and Motion.

348

190

4K

Alex Barashkov

@alex_barashkov

7 months

Client rejected this visual identity. I think it was a mistake. Am I right? P.S. We did not charge them for this, so we can keep this gem for ourselves.

190

89

3K

Alex Barashkov

@alex_barashkov

3 months

Made 100% in @figma . 1,000 likes and I will publish it to Figma community + make a tutorial(Figma + @rive_app ).

63

75

2K

Alex Barashkov

@alex_barashkov

2 months

Learn how we created a light beam from @neondatabase . Design( @figma ), Animation(AE + #b3d ), Development. Don't forget to like this video if you want to see more breakdowns.

61

114

2K

Alex Barashkov

@alex_barashkov

8 months

Does it deserve a tutorial? If it gets 300 likes, we will record a two-part tutorial @figma + @rive_app .

44

58

1K

Alex Barashkov

@alex_barashkov

11 months

~600 hours, 7 weeks of teamwork - Logo design - Visual identity - Web design - Development - Motion - 3D I think it would be fair to say that the site is made in @rive_app . For the rest, @nextjs , @tailwindcss , and @docusaurus were used. Meet

86

114

1K

Alex Barashkov

@alex_barashkov

3 months

Insane 1,000 hours of team work we put into this new @neondatabase home page (Design, Development, Motion). Do you like it? Every single graphic designed fully in @figma . Interactive animations made in @rive_app . Stay tuned for behind-the-scenes design stories.

98

88

1K

Alex Barashkov

@alex_barashkov

4 months

700 hours of teamwork won't be shipped due to a massive change in the messaging at the late stage of the project. However, we agreed with the Harness team that people should still see this beauty we designed, and hopefully, the new version will be even better. Link below👇

123

71

1K

Alex Barashkov

@alex_barashkov

2 months

4 months, 855 hours. More stats behind the new @huly_io landing page. Team size: 1 Art Director 1 Manager 2 Lead Designers + 3 Assistant Designers 3 Developers 3 Motion Designers Hours allocation: 39% Design 29% Dev 24% Motion 8% Art Direction and Management

69

68

1K

Alex Barashkov

@alex_barashkov

1 month

Learn about behind-the-scenes of the design process for the hero section of @neondatabase . Expect lots of Figma work, a bit of #b3d , and copiloting with Midjourney. Don't forget to like this video if you enjoy this format.

42

80

1K

Alex Barashkov

@alex_barashkov

3 months

Team size behind @neondatabase homepage redesign project: 2x Main Designers + 3 Sidekicks 2x Motion Designers 2x Developers 1x Manager 1x Art Director Next week, we will start posting design breakdowns.

42

52

977

Alex Barashkov

@alex_barashkov

9 months

Want to boost your design skills over the weekend? Check out our new tutorial and design a vibrant card in @figma . Inside: lots of work with overlays, gradients, and a bonus explainer on how we made the animation from the teaser video right in Figma.

34

79

892

Alex Barashkov

@alex_barashkov

3 months

Enjoy our new @figma tutorial! For the first time, it is also published on our Figma community profile.

22

67

861

Alex Barashkov

@alex_barashkov

8 months

Learn how to design a glowing jellyfish bento card in @figma by following this tutorial. There are many cool techniques shared to achieve these effects. I hope you will love it. Send me DM or reply in the comments to get Figma file.

154

93

825

Alex Barashkov

@alex_barashkov

4 months

Breaking down 700 hours of website creation: 34% -Design(Web + 3d) 22% - Motion 37% - Dev 07% - Management and Art direction

38

51

738

Alex Barashkov

@alex_barashkov

8 months

Smart home switcher - JS + Apple Shortcuts/Home + @rive_app PS: Wait for a new tutorial coming soon.

14

42

733

Alex Barashkov

@alex_barashkov

9 months

Just putting the finishing touches on our @figma + @splinetool tutorial. Can’t wait to share it with you all tomorrow!

8

32

715

Alex Barashkov

@alex_barashkov

4 months

Team size behind Harness homepage redesign project: 2x Main Designers + 2 Sidekicks 2x Motion Designers 3x Developers 1x Manager 1x Art Director

21

51

657

Alex Barashkov

@alex_barashkov

8 months

Definitely, the best project we've done so far. I can't wait to show you more of what we're cooking up for Gitness and Harness. Animations made with @rive_app .

27

44

645

Alex Barashkov

@alex_barashkov

3 months

Experimenting with a new video format. Here is a short video that explains the background process of designing Harness website hero section. If you enjoyed it, let me know in the comments below because we have a lot of things to talk about.

37

31

641

Alex Barashkov

@alex_barashkov

9 months

A new tutorial is coming later this week: Designing a vibrant card in @Figma .

11

28

630

Alex Barashkov

@alex_barashkov

9 months

Liquid metal effect + animation made entirely in @figma (without After Effects or anything else). PS: It looks like not many people understood how cool this effect is from the previous teaser, so we've repackaged it for the tutorial. Let's see if you like it this way.

24

29

611

Alex Barashkov

@alex_barashkov

8 months

Best of all worlds. #b3d + @figma + @rive_app + web Crafting a new tutorial and would love your input. If you have any questions or specific topics you'd like us to dive into, please let us know.

25

39

589

Alex Barashkov

@alex_barashkov

1 month

New @rive_app tutorial. Learn how to make a web-ready interactive speedometer with a stunning smoke effect. Find community links in the comment below and don't forget to like the video if you want to see more.

10

47

576

Alex Barashkov

@alex_barashkov

4 months

Thinking about creating a mini website for all of our tutorials and experiments. Simple layout, 4K quality videos, links to Figma, Rive, YouTube (eventually).

34

23

547

Alex Barashkov

@alex_barashkov

4 months

All these animations for Harness project were made in @rive_app . Here are a few reasons why: Interactivity: You can make complex interactive animations, then embed them into the site with just a few lines of code. Quality: We can use high-quality images or vector objects that

22

35

544

Alex Barashkov

@alex_barashkov

9 months

See our new tutorial to learn how to use @rogie 's Noise & Texture Figma plugin to create a beautiful bento card. Send me DM or reply in a comment to get a Figma link.

62

24

531

Alex Barashkov

@alex_barashkov

3 months

I turned 34 today! Made sure to wrap up a breakdown of our point-in-time recovery bento card design for @neondatabase yesterday to clear my schedule. Hope you enjoy it. There are a few more coming soon.

40

29

511

Alex Barashkov

@alex_barashkov

2 months

Wait, there is one more coming this week.

19

17

500

Alex Barashkov

@alex_barashkov

8 months

During our Christmas hackathon, we're going to develop this card natively using either canvas or SVG animation. I'm pretty confident it will work well. I will do a dev tutorial for this in January.

14

42

494

Alex Barashkov

@alex_barashkov

7 months

I’m glad that our work on the Gitness website is inspiring people, but I wish the designers would at least try to change the colors instead of just copying it.

Mery

@merycodes

7 months

I tried @framer for the first time today and I had so much fun building this hero section 🙈 Can’t wait to continue working on it

106

94

2K

16

19

483

Alex Barashkov

@alex_barashkov

7 months

Noise & Texture Plugin (by @rogie ) is a great example of how powerful Figma plugins can be. Learn in this tutorial how to use it to design a cool bento card background.

9

33

475

Alex Barashkov

@alex_barashkov

9 months

In today's tutorial, you can learn how to make an interactive vibrant card animation in @rive_app . By following this technique, you can create reusable component and bring the same nice effect on cards on your site. Send me DM or reply in the comments to get Figma + Rive file.

52

29

462

Alex Barashkov

@alex_barashkov

2 years

Our new website is live 🔥🔥🔥 - In love with new animations that we've built with @rive_app and @framer motion. Had a lot of fun working on it. Powered by Gatsby and Tailwind CSS.

28

41

445

Alex Barashkov

@alex_barashkov

8 months

New @rive_app tutorial is out. Learn how to animate an interactive glowing progress bar in it, so you can use this technique to build something similar in your app. Send me DM or reply in the comments to get Figma + Rive file.

39

35

447

Alex Barashkov

@alex_barashkov

9 months

Many of you have been asking how this liquid metal effect and animation was created entirely in @figma . Here's a new tutorial that will answer all your questions. No After Effects or video layers were used, just pure Figma.

9

38

444

Alex Barashkov

@alex_barashkov

1 year

This could be a perfect animation for a home page hero section. Made in @splinetool

18

20

441

Alex Barashkov

@alex_barashkov

8 months

Created liquid metal effect using CSS and JS from our Figma tutorial. 7 layers of radial gradient with "difference" blend mode. Animated with framer-motion by changing gradient spread and rotation of a base layer. Reply in the comments or DM to get a link to the code.

69

23

406

Alex Barashkov

@alex_barashkov

8 months

Rive tutorial✨ Learn how to create a glowing jellyfish animation using @rive_app . Reply or DM to get a Rive file of this animation. PS: If you want to know how to design it in @figma , you can find another tutorial in my profile.

33

28

398

Alex Barashkov

@alex_barashkov

2 months

7-day stats of @huly_io since the release of the new landing page. 1,000,000 views on all social media +1,500 GitHub stars +1,800 Follower @huly_io +5,000 Sign ups --- My personal stats +3,000 followers on X and +1,500 on Linkedin.

34

5

398

Alex Barashkov

@alex_barashkov

1 year

At @neondatabase , we have just released a new AI page. It took less than 2 weeks from the original idea to the final implementation. Here is the thread about how we designed it using @splinetool , @runwayml GEN-2 and Midjourney.

10

31

379

Alex Barashkov

@alex_barashkov

2 years

Many thanks ♥️ to @nextjs team for their `next/font` package that automatically adjusts fallback font metrics and prevents CLS. We took the logic out and wrapped it with CLI, making the benefits available for everyone, no matter which framework they use.

8

35

373

Alex Barashkov

@alex_barashkov

2 years

Yesterday opened an issue reporting a bug in Next.js 13. 2 hours later @nextjs team opened PR with 51 files changed and fixed it. Mind-blowing 🤯

9

6

344

Alex Barashkov

@alex_barashkov

1 year

Working on a tutorial for a previous post and ended up creating another beast with @splinetool !

12

14

342

Alex Barashkov

@alex_barashkov

8 months

Thank you, everyone! It's been a fantastic two months during which we have been sharing @figma and @rive_app tutorials with you. We have more, but for the time being, we have decided to pause posting new content until people return to Twitter after the holiday rush.

8

25

324

Alex Barashkov

@alex_barashkov

10 months

Working on a tutorial for @rive_app , explaining how we animated 3D button there. Stay tuned.

15

323

Alex Barashkov

@alex_barashkov

7 months

Some nice updates landed for @neondatabase pricing, which should help you estimate your project costs. Graphic made in #b3d , post-processed in @figma , then animated in @rive_app .

6

18

305

Alex Barashkov

@alex_barashkov

2 months

Designed and animated in @figma . Shot on a Sony A7C from an iPad screen with an opened Figma prototype. Now added to the Figma Community.

20

8

291

Alex Barashkov

@alex_barashkov

1 year

It has been a year since we released our new site, and I am still in love with the animations we created using @rive_app and framer-motion.

9

23

268

Alex Barashkov

@alex_barashkov

9 months

Experiments with @rogie 's noise & texture figma plugin.

5

11

256

Alex Barashkov

@alex_barashkov

10 months

Read the thread to find out about the behind-the-scenes of the design process for finding the Gitness hero section's look.

6

15

255

Alex Barashkov

@alex_barashkov

9 months

Learn how to design a pseudo-3D glowing icon pad in @figma with our new tutorial. We're just getting started; the upcoming episode will land at the beginning of the week.

5

26

242

Alex Barashkov

@alex_barashkov

2 months

Interactivity and quality that would be much harder to achieve without @rive_app . - code snippets waterfall is falling on selected tab - clock animation synced with OS day and time - drawing dots in footer You can check it live on @neondatabase home page.

6

8

229

Alex Barashkov

@alex_barashkov

2 years

Prototyping animation for our website redesign. It will be the first project where we will try @rive_app in production.

15

11

210

Alex Barashkov

@alex_barashkov

9 months

This one was tough. Do you want to see a tutorial for this one? Animation, post-processing @figma Button model from @Blender

13

8

202

Alex Barashkov

@alex_barashkov

1 year

Look at this new neumorphic beauty. Our new design project for observIQ is live! Turn the sound on because with music, this showreel is even better. - Animations made with @rive_app - Developed on @nextjs - Styled with @tailwindcss

8

20

201

Alex Barashkov

@alex_barashkov

9 months

Made 100% in @figma . Want to know how? Stay tuned for the upcoming tutorial.

4

8

198

Alex Barashkov

@alex_barashkov

9 months

Here's a tutorial that demonstrates how to take a quick 3D sketch from @splinetool or similar software, refine it in Figma, and incorporate flat elements to enhance its appearance, creating a gorgeous web illustration.

2

11

194

Alex Barashkov

@alex_barashkov

1 year

Rewind, play, repeat. Built in @splinetool

8

7

171

Alex Barashkov

@alex_barashkov

8 months

This is how the animation was achieved just by resizing a single layer. #figma

8

162

Alex Barashkov

@alex_barashkov

7 months

Winter holidays offer an ideal opportunity to acquire new skills. Here's a tutorial we shared earlier this year, guiding you through the process of designing a modern chrome button in @figma .

1

15

157

Alex Barashkov

@alex_barashkov

10 months

For this @rive_app animation we rendered in Blender two states - with/without light, then blended it together with smooth transition. Added additional cubes running along the lines and synced appeared animation with native HTML button.

2

6

149

Alex Barashkov

@alex_barashkov

4 months

- Design made in @figma - 3d in Blender - Animations in @rive_app , AE, Blender - Developed using @nextjs and @tailwindcss

10

7

147

Alex Barashkov

@alex_barashkov

10 months

A step-by-step guide to designing a stunning chrome button in @figma . Let me know what you think about this format and if you'd like to see more tutorials like this!

5

11

141

Alex Barashkov

@alex_barashkov

3 years

Yeah🚀 Just released a new marketing website we did for @browserless - an open source browser automation tool. The stack we used: Gatsby v4 Framer Motion Headless WP + CPT + ACF + Lazy Blocks + Yoast Tailwind CSS Netlify See it live:

Browserless - A Pool of Hosted Browsers, For Use With Puppeteer or Playwright

Run your scraping, testing, screenshotting or any other automation with our pool of browsers. Ready connect to with Puppeteer, Playwright or via our Browserless APIs.

www.browserless.io

9

24

141

Alex Barashkov

@alex_barashkov

2 years

I was missing auto favicon generation and optimization in Next.js, so I wrote quickly a CLI for it. Features: - CLI uses sharp library for image creation and optimization - Creates webmanifest - Generates CSS

GitHub - pixel-point/favpie: Generate favicons and webmanifest with a CLI

Generate favicons and webmanifest with a CLI. Contribute to pixel-point/favpie development by creating an account on GitHub.

github.com

1

14

143

Alex Barashkov

@alex_barashkov

1 year

Proud to unveil the new face of Terzo - an AI-based solution to unlock hidden insights in your contracts! We're proud to have been the creative force behind their brand and design revamp. Our team refreshed their brand and designed & developed a new website powered by @vercel

2

8

137

Alex Barashkov

@alex_barashkov

2 years

We released the new website for RevenueCat. Solid SaaS oriented design, with nice graphics and animations. Powered by Gatsby, Tailwind CSS, framer-motion, lottie and Headless WP.

10

13

120

Alex Barashkov

@alex_barashkov

10 months

Stay tuned! New @figma tutorial is coming (Thursday/Friday). This time, it will explain how to design a pseudo-3D glowing icon pad.

3

114

Alex Barashkov

@alex_barashkov

11 months

The design of this site began with selecting a font. I experimented with various fonts and composition sketches on a clean, dark hero screen. When I tried @calcom Sans, it just clicked. It had the exact tech vibe that could define the overall look.

Alex Barashkov

@alex_barashkov

11 months

~600 hours, 7 weeks of teamwork - Logo design - Visual identity - Web design - Development - Motion - 3D I think it would be fair to say that the site is made in @rive_app . For the rest, @nextjs , @tailwindcss , and @docusaurus were used. Meet

86

114

1K

6

4

112

Alex Barashkov

@alex_barashkov

2 years

🔥 Checkout out our new design for Built with @GatsbyJS + Headless WP( @wpgraphql )

17

12

106

Alex Barashkov

@alex_barashkov

8 months

This year: - Welcomed second son - Pixel Point hit $1.2M ARR - Grew followers from 1.3k to 4.6k P.S. The flaming card was created and animated entirely in @figma , with the help of @rogie 's plugin. Like if you want to see a tutorial for this.

4

8

94

Alex Barashkov

@alex_barashkov

1 year

Thrilled about the launch of the new pricing page for @neondatabase . It's filled with delightful touches that simplify the pricing explanation. Animations crafted with @rive_app and framer-motion.

6

14

94

Alex Barashkov

@alex_barashkov

1 year

Part 1 of the tutorial for creating this lovely floating blob made with @splinetool .

4

5

87

Alex Barashkov

@alex_barashkov

3 years

Did you know that using @GatsbyJS and WordPress( @wpgraphql ) you can connect your Gutenberg blocks to React components and get crazy flexibility in terms of content editing driven by CMS. Let's talk about it:

5

13

87

Alex Barashkov

@alex_barashkov

1 year

Enjoy the showreel of the @Bytebase website redesign. New look, new features. Built with: - @nextjs + @vercel - @rive_app - @tailwindcss - @framer -motion

6

10

83

Alex Barashkov

@alex_barashkov

10 months

Our take on #ItsALIVE swift challenge by @rive_app . Inspired by Limbo game. - 24fps lock for cinematography - small parallax effect on mouse movements

5

84

Alex Barashkov

@alex_barashkov

1 year

Utilizing the power of @rive_app state machine, you can create truly interactive animations. As some segments of your animation play in a loop, another trigger can launch a different animation that blends with the one already in motion. Bind this trigger to an event from your

3

7

69

Alex Barashkov

@alex_barashkov

1 year

Love is 3-dimensional with @splinetool

2

3

68

Alex Barashkov

@alex_barashkov

6 months

Get ready to something cool.

huly

@huly_io

6 months

Shoutout to our friend @alex_barashkov and the Pixel Point team for designing the stunning new Huly logo! 🌟 Their creativity, collaboration, and sheer greatness have truly set us apart.

0

4

48

1

0

66

Alex Barashkov

@alex_barashkov

3 years

Have you ever wondered which static website hosting platform has the shortest build time for a Gatsby project? I bought paid plans on @vercel @GatsbyJS @Netlify @Cloudflare @awscloud to find out.

Measuring Gatsby projects build time using paid plans of popular static website hosting platforms

Jamstack is showing rapid growth these days. We get more and more tools and frameworks for it almost...

dev.to

11

21

67

Alex Barashkov

@alex_barashkov

9 months

It should look great as a part of a bento grid.

0

1

65

Alex Barashkov

@alex_barashkov

2 years

The new website we’ve built for our friends in @novuhq is live. The open-source notification infrastructure for developers. - you can find it here. The site powered by Gatsby, Tailwind CSS, Strapi. More pages and features coming soon, so stay tuned.

2

8

61

Alex Barashkov

@alex_barashkov

1 year

It turned out to be an ideal prompt for generating custom wallpapers for @pie6k 's Screen Studio using #midjourney abstract digital wallpaper in a style of ash keating, single wave, sleek, smooth, asymmetric, pseudo 3d, dark purple colors, gradients --ar 3:2

3

1

61

Alex Barashkov

@alex_barashkov

1 year

Hypercube. Pushing boundaries with @splinetool

2

5

60

Alex Barashkov

@alex_barashkov

2 years

We released a new site for Configu. Solution for simpler configuration management in your projects like .env, KubeConf, json, yaml or even integrations with popular providers. Powered by @GatsbyJS @wpgraphql @tailwindcss @rive_app

5

2

59

Alex Barashkov

@alex_barashkov

10 months

Payload CMS is a unicorn; it’s a single CMS that genuinely prioritizes both DX and UX.

Payload

@payloadcms

10 months

Payload 2.0 is live! 💥 We are unbelievably excited for this release, and can't wait to see what everyone builds next. Head over to Github and give us a star if you like what we're doing.✨ 👉

26

62

427

3

60

Alex Barashkov

@alex_barashkov

3 years

Starting today I will post daily @GatsbyJS and WordPress @wpgraphql tips that I've been using for a while. Let's start with page templates. Gatsby uses templates to programmatically create new pages. WordPress does the same. So let's connect them!

2

9

59

Alex Barashkov

@alex_barashkov

2 years

Released a cool animation for the design page of our website. It's done in After Effect, then exported and fine tuned in @rive_app . Impressed how Rive handled so well the number of elements on the screen and allowed to play it smoothly.

7

55

Alex Barashkov

@alex_barashkov

2 months

@chronark_ @huly_io Thank you! Glad that @huly_io team did not mind allowing us to share it.

0

49

Alex Barashkov

@alex_barashkov

2 years

Which framework @GatsbyJS or @nextjs fits better for website development? Check my new article for the answer.

Comparing Gatsby and Next.js for website development

Gatsby and Next.js, from a first glance, could look pretty much the same. Both are React-based...

dev.to

4

14

48

Alex Barashkov

@alex_barashkov

2 years

@aka_suv @vercel @linear @raycastapp @Railway Which look pretty much the same 😀 - Apple-style feature compositions - Dark backgrounds - Gradients and lights Linear/Raycast/Vercel are my personal favorites too, but from a brand identity and recognition perspective, there is nothing special.

0

1

43

Alex Barashkov

@alex_barashkov

1 year

Excited about today's launch of the new @bytebase website. Pixel Point remains dedicated to its mission of infusing beauty into the Open Source world. This was built using @nextjs , @tailwindcss , and @riveapp .

2

7

45

Alex Barashkov

@alex_barashkov

2 years

Finished the article comparing Gatsby and Next.js for websites development. I will drop it either tomorrow or Wednesday. I will be sharing thoughts on favicons, sitemaps, plugins, CMS integrations, CMS previews, ISR, i18n, CMS driven routing.

3

2

42

Alex Barashkov

@alex_barashkov

3 years

Hi 👋 to my new followers! I'm Alex and I've been doing web development for more than 10 years. My career started as a PHP developer doing sites on Joomla / WordPress in 2008, then Ruby on Rails(5 years). 5 y. ago I switched fully to JS building stuff with React, Next, Gatsby.

4

1

41

Alex Barashkov

@alex_barashkov

2 years

There are two tech events I watch live - Apple and Next.js.

0

39

Alex Barashkov

@alex_barashkov

2 years

If you're looking for a well made @docusaurus example. Check @novuhq docs We paid great attention to details and put a lot of effort to make it look amazing.

2

1

36

Alex Barashkov

@alex_barashkov

2 years

More of Pixel Point folks are getting @GatsbyJS swag 😎 Thank you! Meet Vanny Le, our wonderful Frontend Developer.

0

1

34

Alex Barashkov

@alex_barashkov

1 year

Registration is now open for our FREE Pixel Point Design Workshop! Discover the entire design journey from initial drafts to final production, using one of our recent projects as an example. REGISTRATION - Here's what you'll learn: ✅ Our unique

6

34

Alex Barashkov

@alex_barashkov

2 years

After using @rive_app for a year, I wrote up an article with optimization techniques that will help you speed up animation loading and reduce bundle size in React apps.

Optimization techniques for Rive animations in React apps — Pixel Point

Learn how to optimize Rive animations in React apps to speed up loading and reduce bundle size.

pixelpoint.io

0

11

34