[WIP] Working on a new custom Theme using Shadcn UI

Splicho

Emudevs.gg Owner
Staff member
Moderator
Collaborate
Registered
Joined
Jan 21, 2022
Messages
656
Points
103

Reputation:

Hello,

I've been coding my own portfolio with astro.js and Shadcn UI components. While I was developing my portfolio, I thought like, hey this UI is pretty cool, why I don't try using this on a custom XenForo Theme? So I came up with this. Shadcn is a component library for React, Vue and other Javascript libraries.

Index Page (Logged Out)

brave_UjaetgNbQ1.png


Index Page (Logged In)
1711222112416.jpg


Member Page (Still in progress)
1711222161998.jpg

Account Dashboard (Still in progress)
1711222190384.jpg
I think the out come is pretty nice and I am still thinking what will happen when the theme is done, probably selling on Synapse-Themes ?

The amount of time and effort that goes into that particular theme is just too much to release it for free.

What do you guys think?
 

Attachments

  • 1711222039439.jpg
    1711222039439.jpg
    213 KB · Views: 74

Samuel

Well-known member
Registered
Joined
May 13, 2021
Messages
84
Points
28

Reputation:

I think the other custom works were more beautiful, but this one can be special when it is more different from vanilla xenforo system and complex too. :coffee:
 

Splicho

Emudevs.gg Owner
Staff member
Moderator
Collaborate
Registered
Joined
Jan 21, 2022
Messages
656
Points
103

Reputation:

I think the other custom works were more beautiful, but this one can be special when it is more different from vanilla xenforo system and complex too. :coffee:
SamuelWell. It is meant to be minimalistic and simple as possible, that is how Shadcn UI's library is designed. You also have to keep in mind that this is very early stage WIP, so it might look different to final version.

For example, widgets are still not styled and not added, widgets that u normally see on the side.
 

Splicho

Emudevs.gg Owner
Staff member
Moderator
Collaborate
Registered
Joined
Jan 21, 2022
Messages
656
Points
103

Reputation:

Update - Register page done, login next :cool:

1711360930008.jpg


Also wrapped the dashboard into account wrapper, maybe it is better like this.
The empty column on the right will be for your latest topics.

1711361039672.jpg
 

Snister2

Active member
Registered
Joined
Jan 6, 2023
Messages
41
Points
18

Reputation:

Snister2

Active member
Registered
Joined
Jan 6, 2023
Messages
41
Points
18

Reputation:

may I know where registration template found?
update: I found the template ;)
 

ShieldX

Well-known member
Registered
Joined
Mar 27, 2022
Messages
481
Points
53

Reputation:

Hello,

I've been coding my own portfolio with astro.js and Shadcn UI components. While I was developing my portfolio, I thought like, hey this UI is pretty cool, why I don't try using this on a custom XenForo Theme? So I came up with this. Shadcn is a component library for React, Vue and other Javascript libraries.

Index Page (Logged Out)

brave_UjaetgNbQ1.png


Index Page (Logged In)
View attachment 39615

Member Page (Still in progress)
View attachment 39616
Account Dashboard (Still in progress)
View attachment 39617
I think the out come is pretty nice and I am still thinking what will happen when the theme is done, probably selling on Synapse-Themes ?

The amount of time and effort that goes into that particular theme is just too much to release it for free.

What do you guys think?
Splichotoo much black seem irriting... bring some colour based themes...
 

Phantoml

New member
Registered
Joined
Apr 28, 2024
Messages
1
Points
3

Reputation:

Your theme has been published successfully! It's great to hear that you find the minimalist design and use of shadcn are helpful. I'm glad that you like the theme, and I'm sure it will make your pages look amazing.
 

ka4p3

Member
Registered
Joined
Feb 27, 2020
Messages
16
Points
13

Reputation:

what have done with synapsetheme? i cant contact on discord.
 

Jace

Collaborate
Collaborate
Registered
Joined
Aug 9, 2020
Messages
171
Points
73

Reputation:

msedge_FpLprmlfhP.png


new inbox design with showing the latest message of conversation, sidebar working on it
 

localhost

Member
Registered
Joined
Nov 8, 2019
Messages
10
Points
13

Reputation:

I am interesting in this theme using Shadcn UI how I can get it ?
 
Top