Stevia alternatives and similar libraries
Based on the "Layout" category
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest. Visit our partner's website for more details.
Do you think we are missing an alternative of Stevia or a related project?
Winner of Hacking with Swift Recommended award
You + Stevia = 🦄
- [x] 💡 Write concise, readable layouts
- [x] 🏖 Reduce your maintenance time
- [x] 🎨 Compose your styles, CSS-like
- [x] 🔴 Plug Live reload and boost your iteration cycles
[Reason](#-reason) - Example - [Live Reload](#-live-reload) - [Installation](#️-installation) - [Documentation](#-documentation)
🖼 Visual Layout Api
layout( 100, |-email-| ~ 80, 8, |-password-forgot-| ~ 80, >=20, |login| ~ 80, 0 )
⛓ Chainable Api
email.top(100).left(8).right(8).width(200).height(44) alignHorizontally(password, forgot) image.fillContainer() button.centerInContainer().size(50%) equalWidths(email, password) image.width(>=80)
📐 Equation-Based Api
email.Top == 100 password.CenterY == forgot.CenterY login.Top >= password.Bottom + 20 login.Width == 75 % Width (image.Height == 100).priority = UILayoutPriority(rawValue: 999)
All Generate native NSLayoutConstraints 🎉
Stevia is part of freshOS iOS toolset. Try it in an example App ! Download Starter Project
Because nothing holds more truth than pure code 🤓
Xibs and storyboards are heavy, hard to maintain, hard to merge.
They split the view concept into 2 separate files making debugging a nightmare
There must be a better way
By creating a tool that makes Auto layout code finally readable by a human being.
By coupling it with live code injection such as injectionForXcode we can design views in real time
View layout becomes fun, concise, maintainable and dare I say, beautiful ❤️
Login View Example
In the project folder, you can find an example of a typical login view laid out in both native and Stevia for you to understand and compare the two approaches.
As a spoiler alert, the number of characters goes from 2380 to 1239 ( ~ divided by 2)
Write Half the code that is actually 10X more expressive and maintainable !
🔴 Live Reload
Live reload enables you to develop your views live without relaunching the app everytime.
Stevia + InjectionForXcode = #WhoNeedsReactNative?? 🚀
Cmd+S and you can dev live in the simulator !
Learn more about how to set up live reload here.
Get started here.
You can find the full documentation here.
Like the project? Offer coffee or support us with a monthly donation and help us continue our activities :)
Become a sponsor and get your logo on our README on Github with a link to your site :)
*Note that all licence references and agreements mentioned in the Stevia README section above are relevant to that project's source code only.