HACKER Q&A
📣 anandasai

How do people create those sleek looking demos for startups?


I have been seeing people build product demos or show off their updates via videos - complete with zooming in on the active function and all. How do they make it? Can't find any straight forward tools online for this. Ex: https://x.com/LeapAI_/status/1781001036481613851


  👤 peteforde Accepted Answer ✓
Arcade looks genuinely great, so thanks for posting this question.

Several folks have already mentioned that the real value of screen capture tools is to create assets that can be used by a person whose job it is to explain abstract concepts to an audience. I would go so far as to say that if you're a founder, hiring someone who is really good at product videos is something you should 100% outsource even if you're talented with storytelling and motion graphics. It's a distraction from your key priorities, and you don't have enough distance from the subject matter to be objective about what's okay vs great.

I'd like to add that it's really debatable that a video where someone rapidly zips around an interface that they haven't used is actually something people want to see. I suspect that on its own, such a video is often not the huge win that it might seem.

Also, if a process is really easy (press a button, enter a credit card) then you can bet your ass people will soon be tired of seeing the same presentation with different marketing copy.

Things that were absolutely novel at one point include: agent chat widgets in the bottom right corner, presentations that tween and zoom on every slide, infinite scroll newsfeeds, captchas. All timeless things people love more and more every day, right?


👤 jasperstory
That one is ScreenStudio - it's a great product!

I'm a founder at Yarn (YC W24) – we're building in this space and launching on HN soonish.

We often see teams combining ScreenStudio with products like iMovie, AfterEffects, or Veed. Other products in the space to check out are Tella.tv, Kite, or Descript.

For more advanced motion graphics, you'll often need a freelancer or agency.

Feel free to drop me a message (email in bio) to talk through options!


👤 SushiHippie
My 2 cents:

I really don't like these demos, they are really nauseating to me.

As I generally don't like videos with many/fast transitions like many popular YouTube videos and movies are, I'm probably a minority in this regard.


👤 pikpok
Others mentioned ScreenStudio (which is awesome), but if you don't need all of its features (or can't afford it at the moment), I've found ScreenRun to be a great alternative: https://screenrun.app/

It's browser-based, but there's a Mac (and Windows I think) companion app that records the screen with click-tracking for zooming (as it's not possible with browser screen sharing just yet). It's somehow limited compared to ScreenStudio, and the interface feels cheaper compared to a native Swift app, but for my needs it gets the job done.


👤 pando11
Hi everyone! I'm the CEO of Arcade (who a few people have already mentioned...thanks!).

+1 to that being ScreenStudio.

Sometimes people import ScreenStudio videos into Arcade to add branching, annotations, and get analytics about who is engaging with the tool.

We're about to announce a big release on May 17th which will be very relevant - we're going to show how you can capture beyond the browser and get even more powerful analytics (https://www.linkedin.com/events/7189307779977818112).

Happy to answer any questions here as well.


👤 uncertainrhymes
No specifically for video, but I've always had a soft spot for this site:

https://tiffzhang.com/startup/

It semi-randomly creates the site of a recently-launched startup. It is nine years old now, and completely nailed the overused style of the time.

The company names are also excellent. I wonder how many accidentally became real.


👤 danenania
I made the demo video for https://plandex.ai myself using CleanShot X (https://cleanshot.com/), Adobe Premiere Pro, an effect I bought in Adobe's marketplace, some AppleScript automation, and music from SoundStripe (https://soundstripe.com/).

It was my first time using all these tools. It took me a couple days to make the video. Premiere is a bit of a beast, but by just asking ChatGPT how to do everything, I was able to get up to speed with it pretty fast.


👤 dfeehrer
CEO at Kite (YC S23) here, thanks for the mentions!

Like Screen Studio, Kite lets you record your screen and automatically zoom in on the action.

But with some key upgrades:

- Combine multiple recordings

- Add text scenes with animations

- Place your recordings on a 3D device like a phone or laptop

- Add music and AI voiceovers

With lots more in the works.

It's still early, but we have lots of startups using Kite regularly for feature-launch videos. We're live on Mac OS and have a waitlist for Windows.

Get in touch if you have pain points in this space. Happy to chat any time!

https://kite.video


👤 gedy
I find it kinda funny that the 'sleek demo' above is just zooming around their landing page.

👤 shihanwan1
https://asciinema.org/

We use this for really nice terminal only demos. Highly recommend even though there are some minor rendering issues if you are using special fonts.


👤 bellwether
https://arcade.software is a different solution in the same category.

👤 sangeeth96
Sorry to be that person but are there any free/OSS alternatives to the ones mentioned here? Mainly for macOS?

👤 madethemcry
Hey, while being on that topic and somehow related. There seems to be kind of a default company that creates those catchy tech marketing videos, explainers etc: https://sandwich.co

Examples you may know:

  - https://sandwich.co/work/playdate/
  - https://sandwich.co/work/auth0-2/
  - https://sandwich.co/work/slack-wfh/

👤 ChrisMarshallNY
I tend to use TechSmith Camtasia. It will do all that stuff, and also lets you add all kinds of active overlays and effects.

ScreenFlow is also good.

But it's still a lot of hard work, making these. I suspect that AI tools can help, but, in the aggregate, it still needs a skilled eye and hand, to make stuff look good, and not obnoxious.


👤 mlitwiniuk
Recently I was preparing video for my YC application [1]. I've used RecordOnce[2] and actually it worked pretty great - I've recorded my actions together with voice. It transcribed voice to text and then used text to voice again to render the video. For me, as a non-native speaker, this was really great. And I could edit voice description of my actions post-recording - worked like a breeze. It still rough around the edges, but nonetheless I highly recommend it (for reference - until now I've used Screen Flow for multiple years)

1. https://humadroid.io 2. https://recordonce.com


👤 jpau
I use screen.studio

👤 f0e4c2f7
Lots of good tools for this.

One way to do it completely free is OBS + Kdenlive. The interface for both leaves something to be desired but both open source and have all the features you would want (though sometimes buried in menus)


👤 lowkey_
Side note, but I see two YC-backed startups mentioning themselves in this thread:

Yarn - Make Videos Like The Best (W24) https://yarn.so Kite - Product Videos Made Easy (S23) https://kite.video

It's sort of crazy YC is backing so many hundreds of companies that there's this level of overlap. I assume one pivoted into this?

Still, crazy to imagine all the YC companies competing with each-other these days. I've even seen YC-backed 'incumbents' being disrupted by new YC-backed startups.


👤 ranger_danger
That one is screen.studio

👤 verdverm
For a website only, if you record the browser tab, on Mac this is pretty trivial with the trackpad.

You can do similar with more effort video editing software like DaVinci Resolve


👤 meiraleal
For the hackers looking for ways to do it with code there's Remotion

https://www.remotion.pro


👤 gnicholas
I've used Keynote to add some basic 'special effects' to videos. It's not super fancy, but you can do quite with just iMovie + Keynote! [1]

1: https://medium.com/hackernoon/adding-visual-effects-to-your-...


👤 eternityforest
I know nothing about business, but that demo didn't seem that exciting. It mostly showed the website rather than the actual product.

👤 softwarerero
For product videos I used OBS a lot: https://obsproject.com/

I haven't used Journey, but it seems promising for product Tours: https://www.william-troup.com/journey-js/


👤 barrrrald
We love love love https://arcade.software/

👤 longnguyen
That’s probably Screen Studio. I use it a lot to create feature demo videos.

For more sleek promo videos, I would work with a professional.

For example this one is probably better for ad etc:

https://x.com/bolt__ai/status/1786058021531238661?s=12


👤 jwr
I use Camtasia and it's pretty good. It also does a lot of things related to audio/video, not just recording.

👤 hnrodey
From the linked video, I saw video panning with mouse movement and zoom-to-clicks ... I think Camtasia can do those? For sure on the zoom, less sure on the panning. Camtasia is commercial and cross-platform.

Added benefit is that I think Camtasia is relatively easy to pickup compared to other tools I've tried to use.


👤 rasulkireev

👤 NayamAmarshe
It's most definitely ScreenStudio. I recently used it to create a demo for Upscayl too! https://twitter.com/upscayl/status/1784705006500733382

👤 tebbers
This Twitter thread was great recently on this topic, lots of useful software to consider: https://twitter.com/igorexit/status/1785288743802609993

👤 shymaple
When I started creating demos for our startup, I started with Shotcut, it is pretty awesome and simple to start with. VN editor is also a good option if you are just starting your journey. And combine your screen recording with some animations and images. Hope this may help you.

👤 josephernest
Anyone a recommendation for Windows? Something simple and lightweight? (Screenstudio is Mac only)

👤 _nickanthony
We've had good success with Kite. Plus the free tier doesn't include a watermark

👤 andrewstuart
It's not a technology problem, or at least only partially a technology problem.

👤 sierra1011
This is less of a video grab tool and more focused on making a CLI tool/demo look more slick: https://github.com/BuoyantIO/demosh

👤 iancmceachern
Blackmagic Atem Mini:

https://www.blackmagicdesign.com/products/atemmini/techspecs...

And some hdmi cameras


👤 riskable
I don't know about other demos but that one in particular would be trivially easy to create using KDE's desktop effects zoom feature and OBS screen recording (tell it to record a specific window).

👤 fursund
https://rotato.app/ Is another option if you’re looking for something more 3D

👤 ernestipark
Highly recommend looking at Kite (https://kite.video), YC company.

Easy to make these videos, edit, match music to it, etc.


👤 arifsundrani
My cofounder and I are looking at using a YC company called Kite: https://kite.video

👤 a_t48
This is probably a screen recording with a bit of video editing on top. My fiancée does this sort of thing on a contract basis sometimes.

👤 themkrage
We use https://kite.video for our demos and it works great for that style of video

👤 netman21
Supademo is great for creating interactive demos. You record your screen then script out the actions a user would take. Super simple.

👤 scabarott
ScreenStudio and Arcade are great. If you're looking for an in-product demo/tour, there's driver.js

👤 bluelightning2k
I know you are talking about a one off demo

But if you want a nice 90s edit of every 1h sales demo meeting check out DemoTime.


👤 thesuitonym
You can make a video like that with OBS and Kdenlive. The main thing is having the skills to edit a video.

👤 theden
Anyone know an app that does this for mobile devices? Specifically iphones

👤 nprateem
How do people make those animated videos like AWS use for their products?

👤 pwillia7
What's the one that has the rainbow line cursor option?

👤 fileseeder
Screen studio is amazing for that; Loom is also pretty great

👤 devops000
the biggest pain for product demo is to have fake user data to populate the UI.

👤 dvrp
we record our screens with screen studio and they go pretty viral

👤 TheSaifurRahman

👤 laksmanv
I'm trying to do this exact thing, but I want it to be in vertical video format for Instagram Reels. Do any of these software allow you to record screen captures so it will fit nicely in a vertical vid? i.e. not a horizontal video with black bars and below

👤 brudgers
Outsourcing is the simplest thing that might work. There are probably better uses of your time. Good luck.

👤 pdntspa
A video of someone scrolling through their website is a sleek looking demo?

smdh.


👤 norwalkbear
Capcut

👤 jowdones
Presentation is close to entertainment business, a whole domain in itself. Takes time to master the craft but you can take inspiration from parody bits like "Every BBC series about the universe": https://www.youtube.com/watch?v=fOA5vnUt00c