-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
168 lines (163 loc) · 6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="styles.css" rel="stylesheet" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<title>
Moonshine.dev - Rapid App Development & Visual Designer for All Platforms
</title>
<meta
name="description"
content="Moonshine.dev offers rapid app development with a visual designer supporting Windows, Mac, Linux, iOS, and Android. Start building applications quickly with customizable examples."
/>
<meta
name="keywords"
content="app development, visual designer, multiplatform, WYSIWYG editor, Moonshine.dev, Windows app development, Mac app development, Linux app development, iOS app development, Android app development, NoSQL, REST API, AI tooling"
/>
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "SoftwareApplication",
"name": "Moonshine.dev",
"url": "https://moonshine.dev",
"description": "Rapid app development with visual designer supporting multiple platforms.",
"applicationCategory": "DevelopmentTool",
"operatingSystem": ["Windows", "Mac", "Linux", "iOS", "Android"],
"softwareVersion": "1.0",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
}
}
</script>
</head>
<body>
<div class="container">
<header class="header__title">Moonshine.dev</header>
<section class="hero">
<div class="row">
<div class="hero__text-wrapper">
<h1 class="hero__title">
A fast way to start building applications and databases
</h1>
<p class="hero__description">
Explore plenty of examples and customize them to kickstart your
project. Our tools support rapid development across multiple
platforms, ensuring a seamless experience.
</p>
</div>
<div class="hero__image-wrapper">
<img
src="hero_image.webp"
alt="Moonshine.dev application development interface"
class="hero__image"
/>
</div>
</div>
</section>
<section>
<div class="row">
<!-- Card 1 -->
<a
class="feature card ready"
href="https://app.moonshine.dev"
target="_blank"
>
<div class="feature__icon">
<img src="icon1.webp" alt="Icon representing WYSIWYG Editor" />
</div>
<h2 class="feature__title">Canvas Editor</h2>
<p class="feature__description">
Design your UI mockup with our intuitive drag-and-drop WYSIWYG
(What You See Is What You Get) canvas editor
</p>
<span class="feature__button">Try Now!</span>
</a>
<!-- Card 2 -->
<a
class="feature card ready"
href="https://app.moonshine.dev"
target="_blank"
>
<div class="feature__icon">
<img
src="icon2.webp"
alt="Icon representing Multiplatform support"
/>
</div>
<h2 class="feature__title">Multiplatform</h2>
<p class="feature__description">
Transform your mockup into an app for HTML5, Windows, Mac, Linux,
iPhone, Android, and tablets
</p>
<span class="feature__button">Try Now!</span>
</a>
<!-- Card 3 -->
<div class="feature card">
<div class="feature__icon">
<img
src="icon3.webp"
alt="Icon representing Backend Integration"
/>
</div>
<h2 class="feature__title">Backend Integration</h2>
<p class="feature__description">
Set up your NoSQL database with REST API access and a basic web
interface for testing your data
</p>
<span class="feature__button">Coming soon!</span>
</div>
<!-- Card 4 -->
<a
class="feature card ready"
href="https://app.moonshine.dev/public/file/serve/moonshine-dev-private/assets/ai/index.html"
target="_blank"
>
<div class="feature__icon">
<img src="icon4.webp" alt="Icon representing AI Tooling" />
</div>
<h2 class="feature__title">AI Tooling</h2>
<p class="feature__description">
Use our upcoming AI tool to create mockups by simply describing
your UI form in plain English
</p>
<span class="feature__button">Try Now!</span>
</a>
</div>
</section>
<div class="spacer"></div>
<!-- Knowledge Section -->
<section class="section">
<h2 class="section__title">Knowledge Center</h2>
<p class="section__description">
Explore our comprehensive resources to learn more about
<em>Moonshine.dev</em> and enhance your app development skills.
</p>
<div class="section__link-wrapper">
<a
href="https://moonshine-ide.com/docs/moonshine.dev/ui-development-series"
class="section__link"
>
Master Moonshine.dev
</a>
</div>
</section>
<!-- Get Help Section -->
<section class="section">
<h2 class="section__title">Get Help</h2>
<p class="section__description">
Need assistance or have ideas to share? Contact our support team for
guidance, feature requests, or to share your thoughts!
</p>
<div class="section__link-wrapper">
<a href="https://moonshine-ide.com/feedback/" class="section__link">
Contact Us
</a>
</div>
</section>
</div>
</body>
</html>