Libraries & Projects>Libraries

PrimerLive - a collection of LiveView components that implements GitHub's Primer Design System

/phoenix#liveview#livecomponents#ui-components
ArthurClemens

ArthurClemens

PrimerLive - a collection of LiveView components that implements GitHub's Primer Design System

The last couple of months I’ve been working on a LiveView UI library based on https://primer.style/css/ (the LiveView 0.18 update caused a bit of a rewrite, but made the code a lot easier to work with).

With around 40 components in all, the result is almost at parity with Primer CSS.

It’s been a fun learning experience. Coming from SPA frontend applications, I had several occasions I needed to rethink my approach to make things work the “LiveView way”, but I think I get the hang of it now…

Let me know what you think!

8 comments
#livecomponents
51 2300 8

Most Liked

ArthurClemens

ArthurClemens

I’ve updated the documentation: Installation and usage - PrimerLive Storybook

6
Post #8
ArthurClemens

ArthurClemens

New URL for the storybook: https://primer-live.org/

4
Post #3
ArthurClemens

ArthurClemens

You can do without JavaScript if you don’t need menus, dialogs or drawers. You’ll still need to include the CSS from primer-live, but you could opt to use a content delivery service such as unpkg: https://unpkg.com/primer-live/dist/primer-live.css or download it and import.

3
Post #7

Where Next?

View thread on forum (has 8 responses!)
phoenix
liveview
livecomponents
ui-components
Home Libraries & Projects>Libraries
/phoenix#liveview#livecomponents#ui-components
51 2302 8
Last post

Popular in Libraries Top

marcuslankenau
Libraries & Projects>Libraries

Elixml - XML library
I feel kind of stuck with the absence of a proper xml library for Elixir. Currently I use SweetXML which was ok for me more or less to pa...
#xml
12 5218 15
New
kip
Libraries & Projects>Libraries

Image - an image processing library based upon Vix
Image is an image processing library for Elixir. It is based upon the fabulous vix library that provides a libvips wrapper for Elixir. I...
#image-processing
574 16576 179
New
sasajuric
Libraries & Projects>Libraries

Boundary - enforcing boundaries in Elixir projects
I’d like to announce a small library called boundaries. This is an experimental project which explores the idea of enforcing boundaries ...
#boundaries
230 8813 49
New
mbuhot
Libraries & Projects>Libraries

EctoJob - a transactional job queue built with Ecto, PostgreSQL and GenStage
EctoJob A transactional job queue built with Ecto, PostgreSQL and GenStage Available on Hex.pm: ecto_job | Hex Docs: API Reference — ec...
#ectojob#job-queue
56 5419 22
New
zorbash
Libraries & Projects>Libraries

Kitto: A framework for interactive dashboards
I created Kitto a framework for dashboards inspired by Dashing. [demo] The distributed characteristics of Elixir and the low memory foo...
#web-frameworks#plug#javascript#kitto
37 13720 16
New
Antrater
Libraries & Projects>Libraries

Moon Design System - Set of UI components built with Surface UI library
Hi everyone! I’m thrilled to announce a huge thing. We have been developing Elixir Moon Design System for quite a while. We are finally ...
#design-system
90 4736 29
New
OvermindDL1
Libraries & Projects>Libraries

PidFile - create and manage a PID file from the BEAM process
I created a new library (rather I pulled out a couple files from my big project), it manages an operating system PID file for the BEAM. ...
#pidfile
51 7923 42
New
vic
Libraries & Projects>Libraries

Expat - composable, reusable pattern matching
Expat is a tiny experiment I did for extracting patterns and being able to reuse them (compose and share patterns between elixir librarie...
#pattern-matching#library#expat
73 6369 33
New
maltoe
Libraries & Projects>Libraries

ChromicPDF - PDF generator
Hello! Came here to announce ChromicPDF, a pet project PDF generator I’ve been working on for the past few months. Why another PDF gener...
#protocols#pdf-generator#chromeremoteinterface
73 10091 60
New
ostinelli
Libraries & Projects>Libraries

Ram, an in-memory distributed KV store
Let’s write a database! Well not really, but I think it’s a little sad that there doesn’t seem to be a simple in-memory distributed KV da...
#databases
85 6740 41
New

Other popular topics Top

Qqwy
Blogs & Podcasts>Blog Posts

Elixir Blog Posts
Update: How to use the Blogs & Podcasts section You can post links to your blog posts or podcasts either in one of the Official Blog...
hexdocs.pm
#blog-posts#wiki#stickies#official-blog-posts-thread
3268 119930 1237
New
sergio
Questions & Help>Questions

Updating a field using Ecto one-liner?
In Ruby, I can go: User.find_by(email: "foobar@email.com").update(email: "hello@email.com") How can I do something similar in Elixir? ...
15 14579 3
New
yawaramin
Questions & Help>Questions

Dialyzer: suppress warning on a specific function
In the Dialyzer docs ( http://erlang.org/doc/man/dialyzer.html#requesting-or-suppressing-warnings-in-source-files ), there is a way to tu...
#dialyzer
25 13690 6
New
joaquinalcerro
Questions & Help>Questions

What is the best approach for fetching large amount of records from postgresql with ecto
Hi there, I am working with Ecto-Postgresql and I need to call all of the records from a specific table but the table has 40,000 record...
#ecto
126 24587 27
New
jononomo
Questions & Help>Questions

Where / How does the Mix environment variable get set?
I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.
#mix
31 22791 9
New
nsuchy
Questions & Help>Questions

IEX in Windows Powershell?
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
#iex#microsoft-windows#windows#powershell
15 29309 4
New
vertexbuffer
Questions & Help>Questions

Deleting item from a list
Hello, can anybody help here..? I have a list of players and I what to delete an element, but every for loop the list is reverting to ori...
7 24097 4
New
stefanchrobot
Questions & Help>Questions

How to decode a JSON into a struct safely?
What’s the safe way to decode a JSON string into a struct? I want to avoid calling String.to_atom. Jason.decode can give me a map with st...
#structs#json
29 20780 26
New
WestKeys
Questions & Help>Questions

Mint vs Finch vs Gun vs Tesla vs HTTPoison etc
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
#http_client
252 21859 30
New
beno
Questions & Help>Questions

Pattern match with multiple match options
I will often find my self writing things similar to: case some_value do nil -> something() "" -> something() _ -> someth...
#pattern-matching#how-to-question
29 15490 6
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Libraries & Projects>Libraries

Libs/Projects Libraries ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Manning

Develop your skills with books, videos, and courses.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Pragmatic Bookshelf

Practical resources that improve the lives of professional developers.

Manning

Develop your skills with books, videos, and courses.

WyewWorks

Enabling companies to succeed by building software people love.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement