Facebook Design - Devices
Design Cell
Device Shots
Clay Mockups
Mockuuups Studio
Mockup Generator
Placeit
Rotato 100
Semantic UI
Bootstrap
Materialize CSS
UIKit
Foundation
Tailwind CSS
Bulma
Material UI
Facebook Design - Devices Semantic UINo Facebook Design - Devices videos yet. You could help us improve this page by suggesting one.
Based on our record, Semantic UI should be more popular than Facebook Design - Devices. It has been mentiond 18 times since March 2021. We are tracking product recommendations and mentions on various public social media platforms and blogs. They can help you identify which product is more popular and what people think of it.
Just download some device frames (https://design.facebook.com/toolsandresources/devices/) and mock it up. Should take less than a minute. Source: about 1 year ago
Why not use something like this: https://design.facebook.com/toolsandresources/devices/ - use the device frame and just place your screen into it, then you can export it at 2/3/4x or whatever you need? Source: over 2 years ago
Meta, the Facebook Design team, publishes a selection of mockups that I generally use for things like this. Source: over 2 years ago
Here you can find some objects that can help you. 😄. Source: almost 3 years ago
Facebook provide device frames you can add the normal screenshot to https://design.facebook.com/toolsandresources/devices. Source: over 3 years ago
Semantic UI[1] was one I used to use, both the plain CSS one as well as the React version of the library. Version 3.0 is coming (eventually), which has left it a bit outdated for a while, but it's still a solid UI library imho. I have been switching away to Tailwind. [1]: https://semantic-ui.com/. - Source: Hacker News / 4 days ago
What stack are you using? I personally recommend utilizing readily available components: https://ui.shadcn.com/ https://mui.com/ https://semantic-ui.com/ etc.. - Source: Hacker News / 8 months ago
Are you cool with JS frameworks? If so, you can use a higher level of abstraction that takes care of the CSS for you. If you just want to mock something up, you can use a pre-built UI system / component framework and just put together UIs declaratively, without having to worry about the underlying CSS or HTML at all. Examples include https://mui.com/ and https://chakra-ui.com/ and https://ant.design/ Really easy... - Source: Hacker News / 8 months ago
Honestly you should build a webpage and use a UI library if you want markdown with some extra pop. Check out semantic ui. Source: over 1 year ago
A lot of proof-of-concept and MVP projects start out with a number of libraries meant to be temporary. Maybe the app was using Chakra UI for its modal and custom buttons, while the rest of the imported library is just dead weight. Perhaps developers have been spending more time adjusting Semantic UI’s styling to match the designs than it’s worth. - Source: dev.to / over 1 year ago
Design Cell - Beautiful multipurpose mockups for iOS
Bootstrap - Simple and flexible HTML, CSS, and JS for popular UI components and interactions
Device Shots - Generate high-resolution device mockups using a screenshot.
Materialize CSS - A modern responsive front-end framework based on Material Design
Clay Mockups - Free set of beautiful device mockups for your designs
UIKit - A lightweight and modular front-end framework for developing fast and powerful web interfaces