TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Show HN: UI Filler – placeholders for your designs

129 pointsby alexrayalmost 3 years ago

14 comments

outsidethepartyalmost 3 years ago
Took me a moment to notice the &quot;shuffle&quot; button; the utility of the site became a lot clearer after that!<p>Are those real peoples&#x27; photos? I know this is intended for mockups and placeholders, but the absence of any licensing info would still give me a little pause before trying this for anything but a personal project. (I recognize the &#x27;fake logos&#x27; from logoipsum.com, they don&#x27;t require attribution but you miiiiight be on the wrong side of the line of their &quot;as long as you don&#x27;t use the logo to make similar website as Logoipsum then it&#x27;s all good&quot; thing.)<p>I hate to be the copyright party pooper, but this is a nifty idea; a quick note at the bottom confirming sourcing and that everything&#x27;s openly usable would probably encourage more people to make use of it!
评论 #31938236 未加载
评论 #31938638 未加载
评论 #31938462 未加载
mellonautalmost 3 years ago
This used¹ content from logoipsum who explicitly state you cannot use their logos for this purpose:<p>&quot;You can not:<p>Re-distribute&#x2F;re-package as means of creating similar logo placeholder website to Logoipsum.com and&#x2F;or similar to Logoipsum Figma Plugin.&quot;<p>see: <a href="https:&#x2F;&#x2F;logoipsum.com&#x2F;license&#x2F;" rel="nofollow">https:&#x2F;&#x2F;logoipsum.com&#x2F;license&#x2F;</a><p>1. edit: This originally said &#x27;uses&#x27; but the author changed it as soon as they were made aware.
评论 #31939290 未加载
alexrayalmost 3 years ago
Hey HN, Alex and Ben here, and we wanted to share a simple web app we created recently.<p>UI Filler is a quick way to get placeholders for your designs.<p>We do a lot of UI design and development and frequently need to fill it with placeholder content. I usually just Google “Lorem ipsum” and end up on a site about the history of lorem ipsum, then copy and paste some small chunk of it to fill the field I need. Ben, who is even more design-oriented than I am, tries to make up appropriate text to fill fields (my favorite thing he does is placeholder names, like “Anita McLaren”). We decided to make a tool that would save us a bit of time every time we needed a placeholder, so we built UIFiller.<p>Let me know what you think!
评论 #31937271 未加载
评论 #31937408 未加载
评论 #31937911 未加载
评论 #31936747 未加载
评论 #31937937 未加载
评论 #31937456 未加载
aasasdalmost 3 years ago
If you aren&#x27;t testing your interface with names like Ferdinand Zvonimir Maria Balthus Keith Michael Otto Antal Bahnam Leonhard von Habsburg-Lothringen, you&#x27;re doing it wrong.<p>My favorite town is Chrząszczyżewoszczyce, powiat Łękołody: <a href="https:&#x2F;&#x2F;youtube.com&#x2F;watch?v=jaMcIbIWt_4" rel="nofollow">https:&#x2F;&#x2F;youtube.com&#x2F;watch?v=jaMcIbIWt_4</a><p>My favorite country is Sovereign Military Hospitaller Order of Saint John of Jerusalem, of Rhodes and of Malta: <a href="https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Sovereign_Military_Order_of_Malta" rel="nofollow">https:&#x2F;&#x2F;en.wikipedia.org&#x2F;wiki&#x2F;Sovereign_Military_Order_of_Ma...</a><p>For the company, look at those sub-sub-subdivisions of state departments. But there&#x27;s also this cutie: <a href="https:&#x2F;&#x2F;find-and-update.company-information.service.gov.uk&#x2F;company&#x2F;04120480" rel="nofollow">https:&#x2F;&#x2F;find-and-update.company-information.service.gov.uk&#x2F;c...</a>
评论 #31937918 未加载
评论 #31937905 未加载
评论 #31938548 未加载
评论 #31938046 未加载
berkesalmost 3 years ago
I like how this includes images and logos.<p>I typically use <a href="https:&#x2F;&#x2F;mockaroo.com&#x2F;" rel="nofollow">https:&#x2F;&#x2F;mockaroo.com&#x2F;</a>. But its target is probably less design and more implementing a design in an app or a site.
评论 #31938287 未加载
jon-woodalmost 3 years ago
One of these days I’m going to build something like this, but with realistic profile pictures. A UI with pictures like this site has will always look great, but now try it when half the profile pics are the user’s dog, or the user standing in front of the Eiffel Tower, or hanging out with fifteen friends in a bar. Suddenly it goes from “oh, that’s a post from Bob” to “what even is that picture”?
moralestapiaalmost 3 years ago
Very nice, I would really dig an HTTP API of this.
评论 #31937776 未加载
评论 #31938377 未加载
hcarvalhoalvesalmost 3 years ago
An alternative: <a href="https:&#x2F;&#x2F;alistapart.com&#x2F;blog&#x2F;post&#x2F;content-first-design&#x2F;" rel="nofollow">https:&#x2F;&#x2F;alistapart.com&#x2F;blog&#x2F;post&#x2F;content-first-design&#x2F;</a>
benbfalmost 3 years ago
We had a blast building this! Let us know if there are any other types of filler content that would be useful. Maybe a Figma plugin?
GrumpyNlalmost 3 years ago
Little bug, when you click the shuffle button, the headline from the next box get highlighted, like you wanna copy it.
评论 #31939295 未加载
bartkappenburgalmost 3 years ago
So basically a web frontend for Faker?
评论 #31943539 未加载
评论 #31938396 未加载
product_aroidalmost 3 years ago
Should add a &quot;Shuffle All&quot; button at the top.
评论 #31939980 未加载
cphooveralmost 3 years ago
Needs more components! but I like this.<p>should have lists too.
评论 #31938401 未加载
jsjoeioalmost 3 years ago
cool to see AZ as one of the placeholders!