GradientBorderedLabelView
IBDesignable label with customizable gradient attributes
Install / Use
/learn @mkeremkeskin/GradientBorderedLabelViewREADME
GradientBorderedLabelView
What does GradientBorderedLabelView do?
<img src = "Screenshots/gradientBorderedLabelViewLogo.png" >- You can add it from code or from storyboard
- You can see changes on the fly from storyboard because it's IBDesignable
- What If you are using autolayout or dynamic size? GradientBorderedLabelView will arrange font size according to label's size. No need to worry.
Example
To run the example project, clone the repo, and run pod install from the Example directory first.
Installation
GradientBorderedLabelView is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'GradientBorderedLabelView'
Or you can download the sample project, just drag and drop the GradientBorderedLabelView.swift file to your project.
Usage
- You can add it from storyboard, change custom attributes on storyboard and see changes on the fly.
Or you can add it via code as below:
let gradientLabel = GradientBorderedLabelView(frame: CGRect(x: 20, y: 70, width: 160, height: 100))
gradientLabel.textOfLabel = "Some gradient text from code with custom font"
gradientLabel.fontSizeOfLabel = 22
gradientLabel.customFontName = "Arial-ItalicMT"
gradientLabel.labelBackgroundColor = UIColor.black
Screenshots
<img src = "Screenshots/storyboard.png" width = "1200" > <img src = "Screenshots/simulator.png" width= "600">Detailed explanation
You can find detailed explanation about what is the aim behind this library and how does its inner components work on my medium post.
https://medium.com/dolap-tech/gradient-bordered-label-view-on-ios-37bc97076ef2
Author
mkeremkeskin@gmail.com / (@mkeremkeskin on Twitter).
License
GradientBorderedLabelView is available under the MIT license. See the LICENSE file for more info.
Related Skills
diffs
337.4kUse the diffs tool to produce real, shareable diffs (viewer URL, file artifact, or both) instead of manual edit summaries.
clearshot
Structured screenshot analysis for UI implementation and critique. Analyzes every UI screenshot with a 5×5 spatial grid, full element inventory, and design system extraction — facts and taste together, every time. Escalates to full implementation blueprint when building. Trigger on any digital interface image file (png, jpg, gif, webp — websites, apps, dashboards, mockups, wireframes) or commands like 'analyse this screenshot,' 'rebuild this,' 'match this design,' 'clone this.' Skip for non-UI images (photos, memes, charts) unless the user explicitly wants to build a UI from them. Does NOT trigger on HTML source code, CSS, SVGs, or any code pasted as text.
openpencil
1.8kThe world's first open-source AI-native vector design tool and the first to feature concurrent Agent Teams. Design-as-Code. Turn prompts into UI directly on the live canvas. A modern alternative to Pencil.
ui-ux-pro-max-skill
51.9kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
