KREACad/index.html at master · KREA-MAK/KREACad · GitHub

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
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <link rel="icon" type="image/png" href="assets/images/krea_favicon.png">
    <link rel="canonical" href="https://kreacad.fabus.app/">

    <title>KreaCAD - Advanced 3D CAD Viewer, STEP File Viewer, Weight & Measurement Tool | Support 23+ Formats</title>

    <!-- SEO Meta Tags -->
    <meta name="description"
        content="KreaCAD is a powerful online 3D CAD viewer supporting 23+ file formats including STEP, DXF, SVG, USDZ, IGES, STL, OBJ files. Calculate weight, volume, dimensions with advanced parametric modeling and point cloud visualization.">
    <meta name="keywords"
        content="CAD viewer, STEP file viewer, DXF viewer, SVG viewer, USDZ viewer, 3D model viewer, point cloud viewer, weight calculator, volume calculator, measurement tool, IGES viewer, STL viewer, OBJ viewer, parametric modeling, 3D visualization, CAD software online, engineering tool, AutoCAD DXF, Apple AR USDZ, compressed STEP STPZ">
    <meta name="author" content="Tansu Özçelebi">
    <meta name="robots" content="index, follow">
    <meta name="language" content="en">
    <meta name="revisit-after" content="7 days">
    <meta name="distribution" content="global">
    <meta name="rating" content="general">

    <!-- Multilingual Meta Tags -->
    <link rel="alternate" hreflang="en" href="https://kreacad.fabus.app/">
    <link rel="alternate" hreflang="zh" href="https://kreacad.fabus.app/zh/">
    <link rel="alternate" hreflang="ja" href="https://kreacad.fabus.app/ja/">
    <link rel="alternate" hreflang="de" href="https://kreacad.fabus.app/de/">
    <link rel="alternate" hreflang="fr" href="https://kreacad.fabus.app/fr/">
    <link rel="alternate" hreflang="es" href="https://kreacad.fabus.app/es/">
    <link rel="alternate" hreflang="da" href="https://kreacad.fabus.app/da/">
    <link rel="alternate" hreflang="nl" href="https://kreacad.fabus.app/nl/">
    <link rel="alternate" hreflang="it" href="https://kreacad.fabus.app/it/">
    <link rel="alternate" hreflang="x-default" href="https://kreacad.fabus.app/">

    <!-- Open Graph Meta Tags -->
    <meta property="og:title" content="KreaCAD - Advanced 3D CAD Viewer & Measurement Tool | 23+ Supported Formats">
    <meta property="og:description"
        content="Professional online 3D CAD viewer supporting STEP, DXF, SVG, USDZ, IGES, STL files. Calculate weight, measure dimensions, visualize point clouds and 3D models instantly in your browser.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://kreacad.fabus.app/">
    <meta property="og:image" content="https://kreacad.fabus.app/assets/logos/krea_logo.png">
    <meta property="og:site_name" content="KreaCAD">
    <meta property="og:locale" content="en_US">

    <!-- Twitter Card Meta Tags -->
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="KreaCAD - Advanced 3D CAD Viewer | 23+ File Formats">
    <meta name="twitter:description"
        content="Professional 3D CAD file viewer and measurement tool. View STEP, DXF, SVG, USDZ, IGES, STL files online with weight calculation and point cloud support.">
    <meta name="twitter:image" content="https://kreacad.fabus.app/assets/logos/krea_logo.png">
    <meta name="twitter:creator" content="@tansuozcelebi">

    <!-- Structured Data JSON-LD -->
    <script type="application/ld+json">
    {
        "@context": "https://schema.org",
        "@type": "SoftwareApplication",
        "name": "KreaCAD",
        "description": "Advanced 3D CAD viewer and measurement tool supporting 23+ file formats including STEP, DXF, SVG, USDZ, IGES, STL, and point cloud visualization",
        "url": "https://kreacad.fabus.app",
        "applicationCategory": "CAD Software",
        "operatingSystem": "Web Browser",
        "offers": {
            "@type": "Offer",
            "price": "0",
            "priceCurrency": "USD"
        },
        "author": {
            "@type": "Person",
            "name": "Tansu Özçelebi"
        },
        "publisher": {
            "@type": "Organization",
            "name": "KreaCAD"
        },
        "screenshot": "https://kreacad.fabus.app/assets/logos/krea_logo.png",
        "softwareVersion": "a",
        "datePublished": "2025-09-29",
        "dateModified": "2025-10-09",
        "inLanguage": ["en", "zh", "ja", "de", "fr", "es", "da", "nl", "it"],
        "featureList": [
            "STEP file viewing",
            "DXF file viewing",
            "SVG file viewing",
            "USDZ file viewing",
            "Point cloud XYZ viewing",
            "STPZ compressed STEP files",
            "IGES file viewing",
            "STL file viewing",
            "OBJ file viewing",
            "PLY file viewing",
            "GLTF/GLB file viewing",
            "FBX file viewing",
            "3D model measurement",
            "Weight calculation",
            "Volume calculation",
            "Parametric modeling",
            "Trefoil knot generation",
            "Point cloud visualization",
            "Apple AR support",
            "AutoCAD DXF support",
            "23+ file format support"
        ],
        "supportedFileTypes": [
            "step", "stp", "stpz", "iges", "igs", "3dm", "3ds", "gltf", "glb",
            "stl", "obj", "ply", "off", "fbx", "dae", "wrl", "3mf", "amf",
            "ifc", "bim", "brep", "fcstd", "dxf", "svg", "usdz", "xyz"
        ]
    }
    </script>

    <!-- website start -->
    <link rel="stylesheet" type="text/css" href="o3dv.website.min.css">
    <script type="text/javascript" src="o3dv.website.min.js"></script>
    <!-- website end -->
    <!-- plugins start -->
    <!-- plugins end -->

    <!-- website analytics start -->
    <script type="text/javascript">
        OV.SetWebsiteEventHandler((eventName, eventLabel, eventParams) => {
            console.log({
                eventName: eventName,
                eventLabel: eventLabel,
                eventParams: eventParams
            });
        });
    </script>
    <!-- website analytics end -->

    <script type="text/javascript">
        OV.StartWebsite();
    </script>

</head>

<body>
    <input type="file" id="open_file" style="display:none;" multiple></input>

    <!-- Version display moved into toolbar dynamically -->

    <div class="header" id="header">
        <div class="title">
            <div class="title_left">
                <a href="index.html">
                    <img class="logo_image" src="assets/logos/krea_logo.png" alt="KreaCAD" style="height: 32px;">
                </a>
            </div>
            <div class="title_right" id="header_buttons"></div>
            <div class="main_file_name only_full_width" id="main_file_name"></div>
        </div>
        <div class="toolbar" id="toolbar"></div>

    </div>
    <div class="main" id="main">
        <div class="main_left_container only_full_width" id="main_left_container">
            <div class="main_navigator ov_panel_set_container" id="main_navigator"></div>
            <div class="main_splitter" id="main_navigator_splitter"></div>
        </div>
        <div class="main_viewer" id="main_viewer"></div>
        <div class="main_right_container only_full_width" id="main_right_container">
            <div class="main_splitter" id="main_sidebar_splitter"></div>
            <div class="main_sidebar ov_panel_set_right_container" id="main_sidebar"></div>
        </div>
    </div>
    <iframe id="create_mode_iframe" src=""
        style="display:none; border:none; position:absolute; top:50px; left:0; width:100%; height:calc(100% - 50px); z-index:20;"></iframe>
    <div class="intro ov_thin_scrollbar animate__animated animate__fadeIn" id="intro">
        <div class="intro_content" id="intro_content">
            <div class="intro_logo">
                <img class="intro_logo" src="assets/logos/krea_logo.png" alt="KreaCAD" style="max-width: 200px;">
                <div class="intro_dragdrop_text" id="intro_dragdrop_text"></div>
            </div>
            <div class="intro_formats">
                <div class="intro_formats_title" id="intro_formats_title"></div>
                <div class="intro_file_formats">
                    <a href="#model=assets/models/RhinoLogo.3dm">3dm</a>
                    <a href="#model=assets/models/cubes.3ds,assets/models/texture.png">3ds</a>
                    <a href="#model=assets/models/rhombicuboctahedron.3mf">3mf</a>
                    <a href="#model=assets/models/rook.amf">amf</a>
                    <a href="#model=assets/models/MultipleMeshes.bim">bim</a>
                    <a href="#model=assets/models/as1_pe_203.brep">brep</a>
                    <a href="#model=assets/models/X_Bot.dae">dae</a>
                    <a href="#model=assets/models/sample_drawing.dxf">dxf</a>
                    <a href="#model=assets/models/Y_Bot.fbx">fbx</a>
                    <a href="#model=assets/models/ArchDetail.FCStd">fcstd</a>
                    <a href="#model=assets/models/DamagedHelmet.glb">gltf</a>
                    <a href="#model=assets/models/haus.ifc">ifc</a>
                    <a href="#model=assets/models/as1_pe_203.igs">iges</a>
                    <a href="#model=assets/models/as1_pe_203.stp">step</a>
                    <a href="#model=assets/models/sample_compressed.stpz">stpz</a>
                    <a href="#model=assets/models/utah_teapot.stl">stl</a>
                    <a href="#model=assets/models/sample_design.svg">svg</a>
                    <a href="#model=assets/models/solids.obj,assets/models/solids.mtl">obj</a>
                    <a href="#model=assets/models/cube.off">off</a>
                    <a href="#model=assets/models/cow.ply">ply</a>
                    <a href="#model=assets/models/extrusion3.wrl">wrl</a>
                    <a href="#model=assets/models/sample_points.xyz">xyz</a>
                </div>

            </div>

        </div>
    </div>
</body>

</html>