Skip to content

Collection of Design extensions' one-line-functions trying to mimic the tools of UI/UX like Adobe XD and Figma, so anything designer can do you can do without writting alot of code ✨

License

Notifications You must be signed in to change notification settings

belalsamyyy/DesignX

Repository files navigation

DesignX ( X for Extensions )

Collection of Design extensions' one-line-functions trying to mimic the tools of UI/UX like Adobe XD and Figma, so anything designer can do you can do without writting alot of code ✨

DesignX-demo

Features

constraints and layouts

  • Constraints are active by default.
  • No need to set translatesAutoresizingMaskIntoConstraints because DesignX does it for you.
  • Satisfy all constraints X-axis, Width, Y-axis & Height in one line function layout()
  • by covering different ways to statisfy each constraint using enum parameters
  • also have constraint() function to use constraints individually
  • add array of subviews

create

  • create dynamic UIScrollView by one line function create
  • create UIStackView by one line function create
  • create attributed UILabel text by one line function create

style

  • fill with image, gradient or color ( hex, uicolor, rgb )
  • rounded corners for all corners or specify each corner individually
  • rotate the view to a certain angle
  • make a shadow background for your view
  • change the shape of your view to a square or circle
  • make a stroke or border to your view
  • build a series of animation actions and transfromations

Installation

DesignX is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'DesignX'

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

    import 'DesignX'

Usage

Constraints behave different if it's attach to superview or any other view

nil = superview by default, so its easy to change superview without change alot of code

superview :

  • leading to leading of superview
  • trailling to trailing of superview
  • top to top of superview
  • bottom to bottom of superview

any other view :

  • leading to trailing of view
  • trailling to leading of view
  • top to bottom of view
  • bottom to top of view

Author

BelalSamy, [email protected]

License

DesignX is available under the MIT license. See the LICENSE file for more info.

About

Collection of Design extensions' one-line-functions trying to mimic the tools of UI/UX like Adobe XD and Figma, so anything designer can do you can do without writting alot of code ✨

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published