[Feedback Wanted] Goilerplate - Modern UI Components for Go & Templ #951
Replies: 2 comments 4 replies
-
|
Looks great! |
Beta Was this translation helpful? Give feedback.
-
|
Thank you! |
Beta Was this translation helpful? Give feedback.
-
|
Hey fellow developers, Following up on Goilerplate's recent v0.20.1 release, I wanted to share some exciting new developments that make it even easier to get started with and use our UI component library for Go and Templ.
Here's a quick example of how easy it is to use Goilerplate now: import "github.com/axzilla/goilerplate/pkg/components"
// In your Templ files
@components.Button(components.ButtonProps{Text: "Click me"})
@components.Icon(components.IconProps{Name: "user"})We'd love to hear your thoughts on these new features. Have you tried the Quickstart project? How do you prefer to use UI libraries in your Go projects? Check out our GitHub repo for more details and don't hesitate to open issues or contribute! Let's discuss how we can make Go UI development even better! Check out our GitHub repo for more details and don't hesitate to open issues or contribute! Let's discuss how we can make Go UI development even better! |
Beta Was this translation helpful? Give feedback.
-
|
I like it. I would love to see some layouts, especially a 3 column layout (global nav, content, local nav) that drops the 1st and 3rd columns for smaller screens, and introduces a hamburger menu to bring in the global nav. I have something like this in my latest project: templ Page(left, middle, right templ.Component) {
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Content</title>
<link rel="stylesheet" href="/static/modern-normalize.css"/>
<link rel="stylesheet" href="/static/custom.css"/>
<link rel="stylesheet" href="/static/sakura-fragments.css"/>
<script src="/static/htmx.min.js" integrity="sha384-Y7hw+L/jvKeWIRRkqWYfPcvVxHzVzn5REgzbawhxAuQGwX1XWe70vji+VSeHOThJ"></script>
<script src="/static/sse.js" integrity="sha384-fw+eTlCc7suMV/1w/7fr2/PmwElUIt5i82bi+qTiLXvjRXZ2/FkiTNA/w0MhXnGI"></script>
</head>
<body>
<div class="layout">
<div class="sidebar-left">
@left
</div>
<div class="content">
<a id="top"></a>
<div class="content-scroll-container">
@middle
</div>
</div>
<div class="sidebar-right">
@right
</div>
</div>
</body>
</html>
}Some sort of recursive menu, that allows you to set the max depth? templ menu(items []site.MenuItem) {
<ul>
for _, item := range items {
<li>
<a href={ templ.SafeURL(item.URL) }>{ item.Title }</a>
@menu(item.Children)
</li>
}
</ul>
}Interested in additional form components, and some docs on how to make your own components that match the style of goilerplate well. Think the icons are very cool. I could see myself using them. The docs should probably link to Lucide so you can see what icons you can use. Ideally, the Icon name would be a constant so you get autocomplete. Also, it looks like the icons (internally) are stored in a map, which means that they're all stored in RAM, even if you don't use them in your project? I was wondering if they were constants, whether they would be optimised out of the final binary and not make it into RAM. @icons.Layers2(props...) |
Beta Was this translation helpful? Give feedback.
-
|
Hey @a-h, thanks a ton for your feedback! I've been busy working on some of the things you mentioned:
Your ideas are really helping shape Goilerplate. Thanks for taking the time to share them! |
Beta Was this translation helpful? Give feedback.
-
|
BTW: Can you please explain these two topics in more detail?
|
Beta Was this translation helpful? Give feedback.
-
Hey fellow developers,
I'm working on Goilerplate, a library of modern UI components for Go and Templ. It's designed to help build sleek, interactive web applications, with seamless Alpine.js integration for enhanced client-side functionality.
Currently, I have only a few components implemented, with plans for daily updates and bug fixes. Before investing more time, I'd love to get your thoughts:
Your feedback will help shape the direction of Goilerplate. Thanks in advance!
Check it out: https://goilerplate.com/
Beta Was this translation helpful? Give feedback.
All reactions