BSTextField
Class name based Bootstrap textfield design implementation for Swift/iOS.
Install / Use
/learn @zaferayan/BSTextFieldREADME
BSTextField
Overview
BSTextField is a subclass of UITextField, written in swift, that apply styles with class names like Bootstrap buttons.

Example
To run the example project, clone the repo, and run pod install from the Example directory first.
Installation with CocoaPods
BSTextField is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'BSTextField'
# Workaround for Cocoapods issue #7606
post_install do |installer|
installer.pods_project.build_configurations.each do |config|
config.build_settings.delete('CODE_SIGNING_ALLOWED')
config.build_settings.delete('CODE_SIGNING_REQUIRED')
end
end
Usage
Any textField can be styled like Bootstrap buttons with given name of class. For reference: https://getbootstrap.com/docs/4.1/components/buttons/#examples
Basic textField class names are:
- txt-primary
- txt-secondary
- txt-success
- txt-danger
- txt-warning
- txt-info
- txt-light
- txt-dark
- txt-link
Outlined textField class names are:
- txt-outline-primary
- txt-outline-secondary
- txt-outline-success
- txt-outline-danger
- txt-outline-warning
- txt-outline-info
- txt-outline-light
- txt-outline-dark
- txt-outline-link
Example Project
An example project is included with this repo. To run the example project, clone the repo, and run pod install from the Example directory first.
Author
Zafer AYAN, ozcanzaferayan@gmail.com
License
BSTextField is available under the MIT license. See the LICENSE file for more info.
Related Skills
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
2.1kThe 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.
openpencil
2.1kThe 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
60.9kAn AI SKILL that provide design intelligence for building professional UI/UX multiple platforms
