Generate Lorem Ipsum UI for your design task. Populate your website, AppStore page, presentation or prototype with the unique collection of 512 fake UI templates. Play with colors, add a device frame if needed and download the result as aPNG file. 100% free.
@funtusov Hey Greg! We wanted to add svg export, but couldn't make it due to some technical difficulties.
We plan to release a Figma file with all the templates soon. I will let you know when it's done ๐
UI Generator is a handy tool for any UI designer. It helps to get mockup UI quickly.
Mockup UI (a.k.a. fake UI) is a UI template that looks stylish, meaningful but not too specific. It means you can add a finance template from UI Generator to any fin-tech project and it will look and feel fine.
Select a category (finance, dashboard, messenger, portfolio, etc), play with colors, add a device frame if necessary and download an asset as .PNG.
If you need to populate your website, prototype, or a presentation with some graphics which is not a group of smiling teammates from Unsplash, use it.
How I came up with the idea ๐ก
I noticed many of the clients of our landing page builder keep the default placeholder images on their pages.
They just need to have some random graphics on their website and go on. They do not have time to create polished screenshots. More likely, they just do not need it at the early stage.
So we made this collection of mockup UI. You can download a UI of your productโs category and move on.
UI Generator is an answer to the question: โI need to put something on my website right nowโ.
The maker ๐จโ๐ป
The folk who designed each template and coded the whole tool is Elis.
He is learning ReactJS and this is his first app.
Elis is making huge progress on his journey and I hope he will soon join the Unicorn Platform developers team. Iโm sure Unicorn Platform and its users will benefit a lot from this young talent ๐
@csaba_kissi Yes, a perfect user case. You made an HTML template and need to put something. Just use https://uigenerator.org/ and get neat shots.
Report
So beautifully thought out ๐ I was wondering if a simple way to get it easily brand compliant might be to have a hex colour picker, rather than the preset list of 8 colours? That way, people could input their exact company colours and have it looking ๐ฅ
@jenny_sahng great though, Jenny. Adding any color would take much more time to implement. But most important, we believed it just unnecessary, because these templates (as we think) should be used as mockups, not real demos. So real colors does not matter too.
Report
@alexanderisora Thanks for the thoughts! That's fair enough, wanna keep things simple :)
Report
Why is it PNG only?
First I was like ยซoh yeah, no more searching figma community for mockups!ยป
Then saw the PNG ๐
@pavzagor Hey Pavel, thanks for the feedback ๐ช We plan to add SVG export in the future updates. In the meantime, check out our Figma file with all the SVGs: https://www.figma.com/community/...
P.S. We are running a fun experiment. I started a live video stream. I will be answering your questions during the launch day ๐
I used software called https://liveweb.space/ by the talented maker @shravan_shandilya1
Report
Hey Alex, Thanks for the shoutout! It's great to see you use this ๐
Report
Why is it PNG only?
I was like ยซoh yes, no more searching figma community for interface boilerplates!ยป
And then I saw the PNG part ๐
Report
Looks great although I am missing some categories. Any plans on releasing new categories such as website/ecommerce? Thanks!
Channelkit
Unicorn Platform
Channelkit
Unicorn Platform
Unicorn Platform
Channelkit
Unicorn Platform
Hey, yaโll!
Our team is excited to present you https://uigenerator.org/, the mockup UI generation tool.
About the tool ๐
UI Generator is a handy tool for any UI designer. It helps to get mockup UI quickly.
Mockup UI (a.k.a. fake UI) is a UI template that looks stylish, meaningful but not too specific. It means you can add a finance template from UI Generator to any fin-tech project and it will look and feel fine.
Select a category (finance, dashboard, messenger, portfolio, etc), play with colors, add a device frame if necessary and download an asset as .PNG.
If you need to populate your website, prototype, or a presentation with some graphics which is not a group of smiling teammates from Unsplash, use it.
How I came up with the idea ๐ก
I noticed many of the clients of our landing page builder keep the default placeholder images on their pages.
They just need to have some random graphics on their website and go on. They do not have time to create polished screenshots. More likely, they just do not need it at the early stage.
So we made this collection of mockup UI. You can download a UI of your productโs category and move on.
UI Generator is an answer to the question: โI need to put something on my website right nowโ.
The maker ๐จโ๐ป
The folk who designed each template and coded the whole tool is Elis. He is learning ReactJS and this is his first app. Elis is making huge progress on his journey and I hope he will soon join the Unicorn Platform developers team. Iโm sure Unicorn Platform and its users will benefit a lot from this young talent ๐
Links:
table
Unicorn Platform
Unicorn Platform
Unicorn Platform
Unicorn Platform
Unicorn Platform