Uikit: [Request] Prefix using "ui-" instead of "uk-"

Created on 6 Feb 2019  路  3Comments  路  Source: uikit/uikit

Introduction

Ok so first off, AMAZING work on this frontend CSS framework! 馃憦I've been using it for about a year now and it totally beats the competition in terms of simplicity and ease of customization.

Problem

However, my only issue is the ugly "uk-" prefix (no offense) and it drives me AND my clients crazy. They always ask why it has that "UK" name, which obviously reminds people of the United Kingdom.

Solution

My current solution is creating a fork and doing a mass find + replace on "uk-". Check it out the fork repo here: https://github.com/akosweb/uikit . But that's not what this issue is for, I'm hoping that UIkit maintainers are willing to use the new "ui-" prefix everywhere. It looks much cleaner and straightforward. "UI" meaning "User Interface" which makes perfect sense; not to mention that it's also in the "UIkit" name itself. The JavaScript side could keep the "UIkit" class name, as it looks fine the way it is. Below I've provided some examples of how it would look. Thanks!

Examples

<div class="ui-grid" ui-grid>...</div>

```html

```html
<img data-src="" width="" height="" alt="" ui-img>

Most helpful comment

You can customize the prefix to whatever you want: https://getuikit.com/docs/avoiding-conflicts#custom-prefix

No need for mass search and replace.

All 3 comments

You can customize the prefix to whatever you want: https://getuikit.com/docs/avoiding-conflicts#custom-prefix

No need for mass search and replace.

To add a little history: When we started UIkit, we also thought about the ui- prefix but it was already taken by jQuery UI. See the buttons component. And most likely, they are not the only ones using it. Overall, uk- does the better job being conflict free, which is the main reason of using a prefix...

But as @aarongerig said, you can change it to what ever you want 馃槈

Changing prefix is okay, but please add possibility to remove it as well.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dalenguyen picture dalenguyen  路  3Comments

DamirPecnik picture DamirPecnik  路  3Comments

AntoninJarolim picture AntoninJarolim  路  3Comments

albeaver picture albeaver  路  3Comments

drmzio picture drmzio  路  3Comments