https://github.com/shadowcodex/codex-ui

:icecream: Vanilla Bootstrap Components. :electric_plug: Plug and Play, Copy and Paste.
https://github.com/shadowcodex/codex-ui

bootstrap codex-ui components copy-paste css font font-awesome html icons kit mit-license plug plug-n-play ui vanilla vanilla-bootstrap

Last synced: 9 days ago
JSON representation

:icecream: Vanilla Bootstrap Components. :electric_plug: Plug and Play, Copy and Paste.

• Host: GitHub
• URL: https://github.com/shadowcodex/codex-ui
• Owner: shadowcodex
• License: mit
• Created: 2017-09-15T13:33:19.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2021-01-20T14:49:48.000Z (almost 4 years ago)
• Last Synced: 2024-08-13T07:03:09.213Z (4 months ago)
• Topics: bootstrap, codex-ui, components, copy-paste, css, font, font-awesome, html, icons, kit, mit-license, plug, plug-n-play, ui, vanilla, vanilla-bootstrap
• Language: HTML
• Homepage: https://codexui.com
• Size: 1.72 MB
• Stars: 45
• Watchers: 9
• Forks: 7
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• jimsghstars - shadowcodex/codex-ui - :icecream: Vanilla Bootstrap Components. :electric_plug: Plug and Play, Copy and Paste. (HTML)

README

        
# Work is being done to upgrade to Boostrap 5 and begin adding new components as well as a new website. https://github.com/shadowcodex/codex-ui/projects/3

Planning to have components updated first and then within the next few months roll out new components, templates, and a new website.

# Codex UI

A collection of UI components for bootstrap 4

[![License](https://img.shields.io/badge/license-MIT-blue.svg)]()

[![# of Components](https://img.shields.io/badge/total%20components-36-green.svg)]()

[![Discord](https://img.shields.io/discord/630805507782868992.svg?label=&logo=discord&logoColor=ffffff&color=7389D8&labelColor=6A7EC2)](https://discord.gg/GghbTQA)

![Item Previews](imgs/item-previews.png)

## View Components

To view a full list of components that are both done and on the road map simply go to [https://codexui.com/](https://codexui.com/components/)

## How To Use

**From The Site:** Just copy and paste. Each component will have a `code:` section below it. Just copy that code and paste it into your site. As long as you have bootstrap 4 running on the site, they components should just "work". 

If they don't and you can't figure out why open an issue and I'll gladly help as much as I can!

**From Github:** Download the repo as a zip and open up any of the components. They should be copy and paste ready to go.

## Restrictions

I am working off of two premiss for this UI library / Kit. 

1. No custom CSS to be added. Meaning you don't have to modify any bootstrap css values. Our goal is to completely use the utilities in Bootstrap 4 to our benefit.

2. No custom JS to be added. No dependencies to add custom Javascript to your website. This way we won't conflict with anything that has been done on sites before.

All components should basically be copy and paste for sites that use Bootstrap 4.

The one, ONE, caveat to that right now is font awesome. I require some sort of icons for certain components, and since font awesome is one of the easiest to just drop in I am using that. Feel free to replace the icons with your own icon framework.

If a component does require font awesome it will be notated at the very top of that components page.

## Contributions

I am open to contributions to the components, you could contribute in many ways:

1. Create a new component

2. Request a new component

3. Post bugs as issues

4. Help answer issues as they come up

Any new components or pull requests will be reviewed to make sure they fit the restrictions before pulling them into the repo.

#### Made with :heart: by [shadowcodex](https://shadowcodex.github.io)

[![Twitter Follow](https://img.shields.io/twitter/follow/iammrduncan.svg?style=social&label=Follow)](https://twitter.com/iammrduncan)