• Stars
    star
    395
  • Rank 109,040 (Top 3 %)
  • Language
    TypeScript
  • License
    MIT License
  • Created about 2 years ago
  • Updated 5 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Simple page block editor with Remix and Tailwind CSS.

Remix Page Blocks

Remix and Tailwind CSS simple page block editor.

Remix Page Blocks

Demo

Video Demo

https://www.loom.com/share/eccf927d35cd4ad3b4a1d512257cea53

How to use?

๐Ÿ’ฟ Rename .env.example to .env and set your variables.

๐Ÿ’ฟ Install all the dependencies.

npm install

๐Ÿ’ฟ Run the app.

npm run dev

๐Ÿ’ฟ Play with the Landing Page Blocks app/utils/services/pages/defaultLandingPage.ts:

export function defaultLandingPage({ t }: { t: TFunction }) {
  const blocks: PageBlockDto[] = [
    // Header
    {
      header: ...
    },
    {
      hero: {
        style: "simple",
        headline: "Remix Page Blocks",
        subheadline: "A collection of functional blocks: Header, Footer, Hero, Banner, Features, Logo Clouds, Community, Embeded Video, Testimonials, FAQ, Contact, Newsletter, and more.",
      }
    }
    ...

Screenshots

Landing Page

Landing Page

Contact Page

Contact Page

Newsletter Page

Newsletter Page

Dark Mode

Dark Mode

Multi-Language

Multi-Language

Multi-Theme

Multi-Theme

Block Editor

Block Editor

Components

Components

Blocks

Header

Header

Hero - Simple

Hero - Simple

Hero - With Image

Hero - with Image

Testimonials - Simple

Testimonials - Simple

Features - List

Features - List

Features - Cards

Features - Cards

Newsletter - Simple

Newsletter - Simple

Newsletter - with Rigth Form

Newsletter - with Rigth Form

FAQ

FAQ

Footer

More Repositories

1

remix-blocks

Ready-to-use Remix + Tailwind CSS routes and components.
TypeScript
175
star
2

remix-knowledge-base

Knowledge Base starter kit with WYSIWYG, Markdown, GPT, and Multi-language support. Built with Remix, Tailwind CSS and Prisma.
TypeScript
70
star
3

remix-workflows

Workflow Builder with Remix.run, React Flow, Prisma, and Tailwind CSS.
TypeScript
63
star
4

novel-remix

Remix Edition - Notion-style WYSIWYG editor with AI-powered autocompletion.
TypeScript
49
star
5

remix-saas-kit

Remix SaaS kit - Free sample of SaasRock v0.0.1 - The SaaS Building Framework
TypeScript
33
star
6

react-saas-kit

React SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
TypeScript
19
star
7

vue3-saas-kit

Vue3 SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
Vue
12
star
8

netcore-vue3-saas-kit

.NET + Vue3 SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
Vue
11
star
9

svelte-saas-kit

Svelte SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
Svelte
8
star
10

netcore-react-saas-kit

.NET + React SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
TypeScript
6
star
11

vue3-starter

Vue3 SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front pages, Vite
Vue
2
star
12

alexandro.dev

My personal blog.
CSS
2
star
13

vue2-starter

Vue2 SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front pages
Vue
2
star
14

react-starter

React SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front pages, Vite
TypeScript
2
star
15

svelte-starter

Svelte SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front pages, Vite
Svelte
1
star
16

vue2-saas-kit

Vue2 SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages
Vue
1
star
17

netcore-svelte-saas-kit

.NET + Svelte SaaS template, TypeScript, Tailwind CSS, Modular persisted store, Meta-tags, i18n, Front/Auth/Admin/App pages, Vite
Svelte
1
star
18

datalang-db-to-api

Query your Database via API
C#
1
star