GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — GitHub - codedthemes/uiable: A free, open-source collection of beautifully designed UI components that you can copy, paste, customize, and make your own.

BranchesTags
Open more actions menu

Latest commit

 

History

136 Commits
136 Commits

Folders and files

NameName
Last commit message
Last commit date
.claude/skills/improve
.claude/skills/improve
 
 
.github
.github
 
 
.husky
.husky
 
 
public
public
 
 
src
src
 
 
.env.development
.env.development
 
 
.env.example
.env.example
 
 
.env.production
.env.production
 
 
.gitattributes
.gitattributes
 
 
.gitignore
.gitignore
 
 
.prettierignore
.prettierignore
 
 
AGENTS.md
AGENTS.md
 
 
CLAUDE.md
CLAUDE.md
 
 
CONTRIBUTING.md
CONTRIBUTING.md
 
 
LICENSE
LICENSE
 
 
README.md
README.md
 
 
agent.md
agent.md
 
 
block-rules.md
block-rules.md
 
 
components.json
components.json
 
 
eslint.config.mjs
eslint.config.mjs
 
 
next.config.ts
next.config.ts
 
 
package-lock.json
package-lock.json
 
 
package.json
package.json
 
 
postcss.config.mjs
postcss.config.mjs
 
 
prettier.config.cjs
prettier.config.cjs
 
 
registry.json
registry.json
 
 
tsconfig.json
tsconfig.json
 
 
vitest.config.ts
vitest.config.ts
 
 
vitest.setup.ts
vitest.setup.ts
 
 

Repository files navigation

UIAble

A modern UI library built with Tailwind CSS and Shadcn architecture.

React Next.js Tailwind CSS shadcn/ui Base UI TypeScript Ready
Discord X

UIAble is an open-source collection of reusable UI components designed for developers who want clean, practical, and fully customizable building blocks for modern frontend projects, without lock-in, without unnecessary abstraction, and without rebuilding the same UI patterns from scratch every time.

UIAble Banner


Why UIAble?

Most UI libraries built on Shadcn end up looking and feeling nearly identical. Same structure. Same visual defaults. Same tradeoffs.

UIAble was built to be different, not by adding more features but by being more intentional about what a component library should actually do in a real project.

The common frustrations with existing libraries:

  • Too opinionated about things that should be left to you
  • Components that look great in demos but break under real product requirements
  • Hard to customize after initial setup
  • Dependency-heavy structures that become difficult to escape
  • Logic hidden behind abstraction layers you can't inspect or modify

UIAble addresses all of these directly.


What Makes It Different

You get the actual code

No black-box packages. Components are copied directly into your codebase. You see them, you edit them, you own them.

Built for real product UI

The focus is on components that handle real requirements, including form validation, edge case inputs, accessible dialogs, scalable tables, and proper keyboard navigation, rather than components optimized for screenshots.

Tailwind-first, not Tailwind-locked

UIAble uses Tailwind CSS in a clean, sensible way. No class soup. No structural gymnastics. Just readable component code that happens to use Tailwind well.

No lock-in

If you stop using UIAble tomorrow, your code still works. Because it's already yours.

Open source from day one

The entire component library is transparent and open for contribution. No gated tiers. No "pro" version. Just components.


Tech Stack

Layer Technology
Styling Tailwind CSS v4
Architecture shadcn/ui
Primitives Base UI
Language TypeScript
Framework React (Next.js compatible)

Components

Inputs

Button Button Group Checkbox Combobox Command Date Picker Input Input Group Input OTP Item Native Select Questionnaire Radio Radio Group Select Slider Switch Textarea Toggle Toggle Group Calendar

Data Display

Coupon Attachment Avatar Badge Bubble Card Carousel Chart Data Table Empty Field Hover Card Kbd Label Marker Message Message Scroller List Group Scroll Area Separator Table Tooltip Typography Aspect Ratio Skeleton Timeline Tree View

Feedback

Alert Alert Dialog Dialog Drawer Progress Sheet Sonner Spinner

Navigation

Breadcrumb Dropdown Menu Menubar Navigation Menu Pagination Tabs Sidebar

Surfaces

Accordion Collapsible

Utils

Context Menu Popover Resizable

Blocks

Pre-built page sections ready to drop into your project.

Bento

Bento 4 Bento 5

Charts

Charts 7 Charts 11

Check Mail

Check Mail 2

Code Verification

Coming Soon

Coming Soon 1 Coming Soon 2

Contact

Contact 1 Contact 3 Contact 5 Contact 6 Contact 7 Contact 8 Contact 10 Contact 11 Contact 19 Contact 20 Contact 21

Content

Content 1 Content 2 Content 4 Content 9 Content 10 Content 11 Content 15 Content 16

Call To Action

Call To Action 1 Call To Action 2 Call To Action 3 Call To Action 6 Call To Action 9 Call To Action 12 Call To Action 14

E-commerce

E-commerce 2 E-commerce 3 E-commerce 5 E-commerce 7 E-commerce 8 E-commerce 9 E-commerce 10 E-commerce 19 E-commerce 21

Error 404

Error 404 1 Error 404 2

Error 500

Error 500 1 Error 500 2

FAQ

FAQ 1 FAQ 4 FAQ 6 FAQ 8 FAQ 9 FAQ 10

Feature

Feature 1 Feature 2 Feature 3 Feature 4 Feature 6 Feature 8 Feature 9 Feature 18 Feature 24 Feature 27 Feature 30 Feature 39 Feature 42 Feature 45

Footer

Footer 2 Footer 3 Footer 7 Footer 10 Footer 19 Footer 20

Forgot Password

Gallery

Gallery 1 Gallery 2 Gallery 3 Gallery 4 Gallery 10 Gallery 11

Hero

Hero 2 Hero 3 Hero 4 Hero 5 Hero 6 Hero 8 Hero 9 Hero 15 Hero 24

Join Waitlist

Join Waitlist 1

Landing

About Blocks Showcase Component 1 Component 2 Components Contact FAQ Feature Footer Hero Navbar Testimonials

Login

Login 1 Login 2

Navbar

Navbar 2 Navbar 6

Portfolio

Portfolio 2 Portfolio 4 Portfolio 5 Portfolio 8 Portfolio 9 Portfolio 10

Pricing

Pricing 2 Pricing 3 Pricing 9 Pricing 10 Pricing 12 Pricing 18 Pricing 19

Process

Process 1 Process 3 Process 4 Process 6 Process 7 Process 9

Reset Password

Reset Password 1

Sign Up

Small Hero

Small Hero 5 Small Hero 6

Statistics

Statistics 1 Statistics 4 Statistics 5 Statistics 11

Team

Team 1 Team 3 Team 6 Team 7

Testimonial

Testimonial 1 Testimonial 5 Testimonial 6 Testimonial 8 Testimonial 9 Testimonial 16 Testimonial 17 Testimonial 18 Testimonial 20 Testimonial 21 Testimonial 22 Testimonial 24 Testimonial 25

Under Construction

Under Construction 1 Under Construction 2

Widgets

Widgets 11 Widgets 17 Widgets 18 Widgets 19 Widgets 22

Components are added based on practical frontend needs, not trend-driven requests. If you need something that isn't here, open a discussion or a PR.


License

MIT © UIAble

You can use, modify, and distribute UIAble freely in personal and commercial projects. No attribution required, though it's always appreciated.

See the full LICENSE file for details.


Acknowledgements

UIAble stands on the shoulders of great open-source work:

  • shadcn/ui — for the copy-paste component model
  • Tailwind CSS — for the utility-first foundation
  • Base UI — for unstyled accessible primitives
  • Lucide — for the icon set

UIAble is intentionally not trying to feel like a product. It's trying to feel like something you quietly copy into your project — and forget about, because it just works.

About

A free, open-source collection of beautifully designed UI components that you can copy, paste, customize, and make your own.

uiable.com

Topics

base-uicomponentsfreenextjsnextjs-16open-sourcereactreact-19react-componentsshadcn-uitailwindcss-v4tanstacktypescriptuiui-components-shadcn

Resources

Readme
MIT license

Contributing

Contributing
Activity
Custom properties

Stars

152 stars

Watchers

1 watching

Forks

3 forks
Report repository

Releases

Packages

Contributors

Languages

You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.