ArtisanPack UI's Avatar

ArtisanPack UI

@artisanpackui.dev

Creating tools to help web developers build amazing websites, products and services! GitHub Repo: https://github.com/ArtisanPack-UI Docs: https://docs.artisanpackui.dev

6
Followers
4
Following
40
Posts
25.05.2025
Joined
Posts Following

Latest posts by ArtisanPack UI @artisanpackui.dev

Which of the new packages are you most excited to try?

• Forms — drag-and-drop form builder
• Analytics — privacy-first tracking
• SEO — meta tags, sitemaps, analysis

Genuinely curious what problems you are looking to solve.

#Laravel #ArtisanPackUI

27.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A summary graphic titled "What Happened in January?" lists five completed milestones with checkmarks: "Forms Package," "Analytics Package," "SEO Package," "Livewire UI Components v2.0," and "Media Library v1.1".

A summary graphic titled "What Happened in January?" lists five completed milestones with checkmarks: "Forms Package," "Analytics Package," "SEO Package," "Livewire UI Components v2.0," and "Media Library v1.1".

February recap: What a month.

• Forms package launched
• Analytics package launched
• SEO package launched
• Livewire UI Components hit v2.0

The ecosystem keeps growing. Thanks for following along.

#Laravel #OpenSource #IndieHacker #ArtisanPackUI

26.02.2026 15:02 👍 3 🔁 0 💬 0 📌 0
A graphic titled "Introducing Livewire UI Components v2.0" presents a dark dashboard screenshot focusing on "ApexCharts Integration." It displays two line charts with green data points and smooth curves, listing features like "20+ Chart Types" and "Real-time Updates".

A graphic titled "Introducing Livewire UI Components v2.0" presents a dark dashboard screenshot focusing on "ApexCharts Integration." It displays two line charts with green data points and smooth curves, listing features like "20+ Chart Types" and "Real-time Updates".

Livewire UI Components v2.0 is here!

Major release with improvements across the board:
• Enhanced accessibility
• Performance optimizations
• New component features
• Better documentation

70+ components. Still 100% open source.

#Laravel #Livewire #OpenSource #ArtisanPackUI

24.02.2026 15:01 👍 2 🔁 0 💬 0 📌 0

SEO tip: Schema.org structured data.

Help search engines understand your content:
• Article for blog posts
• Product for e-commerce
• LocalBusiness for company info
• Event for upcoming events

The SEO package renders valid JSON-LD automatically.

#Laravel #SEO #DevTips

23.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0

SEO tip: Automatic sitemap generation.

The SEO package generates XML sitemaps from your models. Set priority and change frequency per entry.

Submit to search engines once. Updates happen automatically.

#Laravel #SEO #DevTips #ArtisanPackUI

20.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A list graphic titled "What the SEO Package Includes" uses icons to highlight four main features: "SERP Previews," "SEO Analysis," "Schema Markup," and "Sitemaps and Redirects," set against a purple and blue gradient background.

A list graphic titled "What the SEO Package Includes" uses icons to highlight four main features: "SERP Previews," "SEO Analysis," "Schema Markup," and "Sitemaps and Redirects," set against a purple and blue gradient background.

What makes good SEO tooling?

For me: instant feedback. SERP previews show exactly what Google sees. Social previews show how links will look when shared.

No more publishing and hoping. See it before it goes live.

#Laravel #SEO #IndieHacker

19.02.2026 15:02 👍 2 🔁 0 💬 0 📌 0
A promotional graphic titled "Introducing the SEO Package" shows an interface analyzing a post titled "Understanding laravel development." The dashboard displays an SEO score of 63 ("Good"), progress bars for Readability, Keyword, Meta, and Content, and a preview of the Google search result snippet.

A promotional graphic titled "Introducing the SEO Package" shows an interface analyzing a post titled "Understanding laravel development." The dashboard displays an SEO score of 63 ("Good"), progress bars for Readability, Keyword, Meta, and Content, and a preview of the Google search result snippet.

Introducing ArtisanPack UI SEO — comprehensive SEO tools for Laravel.

• Meta tags management
• Schema.org JSON-LD
• Automatic sitemaps
• URL redirects
• Yoast-style analysis with scoring
• SERP and social previews

Everything you need to rank.

#Laravel #SEO #OpenSource #ArtisanPackUI

17.02.2026 15:01 👍 1 🔁 0 💬 0 📌 0

Analytics tip: Define goals and track conversions automatically.

Newsletter signup goal triggers when form_submitted event fires with category newsletter.

No manual tracking code needed. Just define the conditions.

#Laravel #PHP #DevTips #ArtisanPackUI

16.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0

Analytics tip: Track custom events two ways.

PHP facade for server-side:
Analytics::trackEvent(button_click, engagement);

JavaScript for client-side:
analytics.track(button_click, engagement);

Both end up in your local database.

#Laravel #PHP #DevTips #ArtisanPackUI

13.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A graphic titled "Why a Privacy-first Analytics Package?" highlights benefits over a blurred code background. The list includes "Respect for Visitors," "GDPR Support Out of the Box" with a lock icon, "Don't Send Data to 3rd Parties," and "Don't Pay for Services".

A graphic titled "Why a Privacy-first Analytics Package?" highlights benefits over a blurred code background. The list includes "Respect for Visitors," "GDPR Support Out of the Box" with a lock icon, "Don't Send Data to 3rd Parties," and "Don't Pay for Services".

Why privacy-first analytics?

Because I got tired of adding cookie banners, worrying about GDPR compliance, and sending user data to third parties.

ArtisanPack UI Analytics stores everything locally. Your server. Your data. Your rules.

#Laravel #Privacy #IndieHacker

12.02.2026 15:02 👍 3 🔁 0 💬 0 📌 0
A promotional image reading "Introducing the Analytics Package" features a dark-mode dashboard interface labeled "Analytics Dashboard." It displays key metrics including Page Views (399), Visitors (25), Sessions (80), and Bounce Rate (55.0%), along with a large graph area for "Visitors Over Time".

A promotional image reading "Introducing the Analytics Package" features a dark-mode dashboard interface labeled "Analytics Dashboard." It displays key metrics including Page Views (399), Visitors (25), Sessions (80), and Bounce Rate (55.0%), along with a large graph area for "Visitors Over Time".

Introducing ArtisanPack UI Analytics — privacy-first analytics for Laravel.

• GDPR-compliant by default
• Local database storage (no third party)
• IP anonymization
• Consent management built in
• Respects Do Not Track
• Data export and deletion

#Laravel #Privacy #OpenSource #ArtisanPackUI

10.02.2026 15:01 👍 2 🔁 0 💬 1 📌 0

Forms tip: Build multi-step wizard forms with per-step validation.

Users cannot proceed until the current step is valid. Progress is saved automatically.

Perfect for long forms that would overwhelm users on a single page.

#Laravel #Livewire #DevTips

09.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0

Forms tip: Conditional logic lets you show or hide fields based on user input.

Select Other from a dropdown? A text field appears for details.

No JavaScript required. Just configure the condition in the form builder.

#Laravel #Livewire #DevTips #ArtisanPackUI

06.02.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A graphic titled "Why Create a Forms Package?" is set against a blurred blue and purple background with code text. It lists four key features with corresponding icons: "Accessible Out of the Box," "Pure Livewire," "Works with the Ecosystem," and "Hooks for Extensibility".

A graphic titled "Why Create a Forms Package?" is set against a blurred blue and purple background with code text. It lists four key features with corresponding icons: "Accessible Out of the Box," "Pure Livewire," "Works with the Ecosystem," and "Hooks for Extensibility".

Why build another form builder?

Because most form builders either:
• Require a JavaScript framework
• Ignore accessibility
• Do not integrate with Laravel patterns
• Lock you into their ecosystem

ArtisanPack UI Forms is Livewire-native, accessible by default, and is extendable.

#Laravel

05.02.2026 15:01 👍 1 🔁 0 💬 0 📌 0
A promotional graphic titled "Introducing the Forms Package" displays a screenshot of a "Form Builder" interface on a light background. The interface features a drag-and-drop sidebar on the left with options like Text Input and Email, and an editing canvas on the right showing a "Test form" with various fields.

A promotional graphic titled "Introducing the Forms Package" displays a screenshot of a "Form Builder" interface on a light background. The interface features a drag-and-drop sidebar on the left with options like Text Input and Email, and an editing canvas on the right showing a "Test form" with various fields.

Introducing ArtisanPack UI Forms — a visual drag-and-drop form builder for Laravel.

• 15+ field types
• Multi-step wizard forms
• Conditional show/hide logic
• File uploads with validation
• Email notifications built in
• Accessible by default

Build forms in minutes.

#Laravel #ArtisanPackUI

03.02.2026 15:02 👍 0 🔁 2 💬 0 📌 0
A promotional graphic titled "Introducing the Forms Package" displays a screenshot of a "Form Builder" interface on a light background. The interface features a drag-and-drop sidebar on the left with options like Text Input and Email, and an editing canvas on the right showing a "Test form" with various fields.

A promotional graphic titled "Introducing the Forms Package" displays a screenshot of a "Form Builder" interface on a light background. The interface features a drag-and-drop sidebar on the left with options like Text Input and Email, and an editing canvas on the right showing a "Test form" with various fields.

Introducing ArtisanPack UI Forms — a visual drag-and-drop form builder for Laravel.

• 15+ field types
• Multi-step wizard forms
• Conditional show/hide logic
• File uploads with validation
• Email notifications built in
• Accessible by default

Build forms in minutes.

#Laravel #ArtisanPackUI

03.02.2026 15:02 👍 0 🔁 2 💬 0 📌 0

How long does it take you to build a contact form?

Labels, validation, error states, file uploads, email notifications, spam protection...

What if you could drag and drop the whole thing together in minutes?

Something new is coming tomorrow.

#Laravel #Livewire #ArtisanPackUI

02.02.2026 15:03 👍 1 🔁 1 💬 0 📌 0

End the month with a quick win: The button component includes loading states that are announced to screen readers. No extra code. Users know something is happening.

#Laravel #Livewire #A11y

30.01.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A social media update graphic with a blurred background of a workspace. Three items are listed with checkmarks: "Newsletter launched," "Quick Start Cheat Sheet shipped," and "Documentation improved."

A social media update graphic with a blurred background of a workspace. Three items are listed with checkmarks: "Newsletter launched," "Quick Start Cheat Sheet shipped," and "Documentation improved."

January wrap-up: The newsletter is live, the docs are improved, and I have been humbled by the feedback. Building in public means learning in public too. Onto February.

#Laravel #IndieHacker

29.01.2026 15:01 👍 4 🔁 1 💬 0 📌 0
An engagement post featuring a photo of a developer working at a desk with dual monitors showing code and UI designs. The text overlay asks: "What is the most annoying thing you rebuild for every project?"

An engagement post featuring a photo of a developer working at a desk with dual monitors showing code and UI designs. The text overlay asks: "What is the most annoying thing you rebuild for every project?"

Question for Laravel devs: What is the most annoying thing you have to rebuild for every new project? For me, it was accessible form components. Labels, error states, ARIA—the stuff that is easy to get wrong. What is yours?

#Laravel

27.01.2026 15:01 👍 0 🔁 0 💬 0 📌 0

All 70+ components. One install.

composer require artisanpack-ui/livewire-ui-components

Buttons, forms, modals, tables, navigation—ready to use.

#Laravel #Livewire

26.01.2026 15:01 👍 0 🔁 0 💬 0 📌 0

Quick tip: The select dropdown component includes proper keyboard navigation. Arrow keys to navigate. Enter to select. Type to search. Escape to close. No JavaScript configuration needed.

#Laravel #Livewire #DevTips

23.01.2026 15:01 👍 0 🔁 0 💬 0 📌 0
A graphic featuring a large quote overlaid on a background of code in a text editor. The quote reads: "Defaults matter more than options."

A graphic featuring a large quote overlaid on a background of code in a text editor. The quote reads: "Defaults matter more than options."

Something I learned building ArtisanPack UI: defaults matter more than options. Developers do not want 50 configuration choices. They want sensible defaults that work, with the option to customize when needed.

#Laravel #IndieHacker

22.01.2026 15:01 👍 2 🔁 1 💬 0 📌 0
Preview
ArtisanPack UI — Build Accessible Laravel Apps Faster Stop rebuilding Laravel basics. Get accessible Livewire components, CMS scaffolding, and more. Subscribe for monthly tutorials, tips, and package updates.

The ArtisanPack UI Dispatch is live! Monthly tips, tutorials, and updates for Laravel developers. Subscribe and get the Quick Start Cheat Sheet free—a 5-page reference for getting up and running fast.

https://artisanpackui.dev

#Laravel #ArtisanPackUI

20.01.2026 15:03 👍 0 🔁 1 💬 0 📌 0

The modal component I wish I had years ago:
• Focus trapping (Tab stays inside the modal)
• Escape to close
• Background scroll lock
• Screen reader announcements

All automatic. All accessible.

#Laravel #Livewire #A11y

19.01.2026 15:01 👍 1 🔁 0 💬 0 📌 0
Preview
Custom Components - ArtisanPack UI Docs Website This guide explains how to create custom components that integrate with ArtisanPack UI Livewire Components. You'll learn how to extend existing...

Quick tip: Every ArtisanPack UI component is customizable without forking. Extend the core components or create your own components.

https://tinyurl.com/apui-customize-components

#Laravel #Livewire #DevTips

16.01.2026 15:02 👍 0 🔁 1 💬 0 📌 0
A "Coming Soon!" announcement graphic showing a document titled "The ArtisanPack UI Ecosystem." It displays a "Package Overview" table listing features such as Core, Livewire UI Components, CMS Framework, Accessibility, Security, Hooks, Icons, and Code Style.

A "Coming Soon!" announcement graphic showing a document titled "The ArtisanPack UI Ecosystem." It displays a "Package Overview" table listing features such as Core, Livewire UI Components, CMS Framework, Accessibility, Security, Hooks, Icons, and Code Style.

What I am working on this month: refining the Quick Start documentation. The goal? A developer should be able to go from zero to productive in under 10 minutes. Feedback welcome if you try it out.

#Laravel #IndieHacker

15.01.2026 15:01 👍 2 🔁 1 💬 0 📌 0
A showcase of the ArtisanPack UI documentation. Two screenshots of web pages are floating in a dark space: one showing the "Welcome to ArtisanPack UI" introduction page and the other showing the "Accessibility Documentation" page.

A showcase of the ArtisanPack UI documentation. Two screenshots of web pages are floating in a dark space: one showing the "Welcome to ArtisanPack UI" introduction page and the other showing the "Accessibility Documentation" page.

The documentation at docs.artisanpackui.dev covers everything you need to get started:
• Installation guides for each package
• Component examples with code
• Customization patterns
• Accessibility features explained

Start here: https://docs.artisanpackui.dev/getting-started

#Laravel #Livewire

13.01.2026 15:01 👍 0 🔁 1 💬 0 📌 0

The form input I use most: the accessible text input component. Labels linked properly. Error messages announced to screen readers. Required field indicators. Focus states that actually work. One component. All the accessibility handled.

#Laravel #Livewire #A11y

12.01.2026 15:01 👍 0 🔁 1 💬 0 📌 0

Quick tip: The Livewire Starter Kit comes with authentication, user management, and the full component library pre-configured. Start building features on day one, not day five.

laravel new app-name  --using=artisanpack-ui/livewire-starter-kit

#Laravel #Livewire #DevTips

09.01.2026 15:01 👍 0 🔁 1 💬 0 📌 0